/* ----------  public css ---------- */
body {background-color:#fff;}
.clear {clear: both !important;float: none !important;font-size: 0 !important; height: 0 !important;line-height: 0 !important;overflow: hidden !important;}
.overflow-ell{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
span.overflow-ell, a.overflow-ell {display: inline-block;}
::-moz-selection{background-color:#f60; color:#fff;}
::selection {background-color:#f60; color:#fff;} 
h1, h2, h3, h4, h5{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
a {color: #3f56a1;}
a:hover, a:focus, a:active {color: #2f4690;}

.label-eBay{ background-color:#0563d4; color:#fff;}
.text-eBay{ color:#0563d4 !important;}
.label-Amazon{ background-color:#f6b81d; color:#030303;}
.text-Amazon{ color:#f6b81d !important;}
.label-Aliexpress{ background-color:#f36d6f; color:#fff;}
.text-Aliexpress{ color:#c21f22 !important;}
.label-Wish{ background-color:#75b9e6; color:#fff;}
.text-Wish{ color:#75b9e6 !important;}
.label-Dhgate{background-color:#f5bc32}
.text-Dhgate{ color:#75b9e6 !important;}
.label-lazada{ background-color:#44595b; color:#f8862d;}
.text-lazada{ color:#44595b !important;}
.text-orange{ color:#f60 !important;}
.text-orange:hover{ color:#d45602 !important;}
.label-orange, .badge-orange{ background-color:#d45602; color:#fff;}
.text-gray{ color:#d8d8d8 !important;}
.text-gray:hover{ color:#ccc !important;}
.label-gray, .badge-gray{ background-color:#d8d8d8; color:#6a6a6a;}
.text-inverse{ color:#2a2a2a !important;}
.text-inverse:hover{ color:#333 !important;}
.text-purple{ color:#ef13b9 !important;}
.text-purple:hover{ color:#ef13b9 !important;}
.label-purple, .badge-purple{ background-color:#ef13b9; color:#fff;}
.label-mabang{ background-color:#202020; color:#c71d26;}
.label-cdiscount{ background-color:#174680; color:#fba337;}
.text-cdiscount{ color:#174680 !important;}
.label-ensogo{ background-color:#c40d45; color:#fff;}
.text-ensogo{ color:#c40d45 !important;}
.label-linio{ background-color:#fe5e00; color:#fff;}
.text-linio{ color:#fe5e00 !important;}
.text-primary {color: #3f56a1 !important;}
.text-primary:hover {color: #2e50bf !important;}
.bg-muted {background: #dde4e6; color: #5e5e5e;}
.text-lan{color: #428bca !important;}
.text-lan:hover {color: #4e94d0 !important;}
.label-tobox{ background-color:#ff8d00; color:#56658a;}
.text-tobox{ color:#56658a !important;}
.text-tophatter{ color:#5f4b90;}
.label-tophatter{ background-color:#5f4b90; color:#fff;}
.label-kilimall{ background-color:#ec7429; color:#fff;}
.text-kilimall{ color:#ec7429 !important;}
.label-shopify { background-color:#6faa2d; color:#fff;}
.text-shopify { color:#6faa2d !important;}
.label-shopee { background-color:#ff5722; color:#fff;}
.text-shopee { color:#ff5722 !important;}
.label-1688 { background-color:#ff6000; color:#fff;}
.text-1688 { color:#ff6000 !important;}
.label-joom { background-color:#27c28d; color:#fff;}
.text-joom { color:#27c28d !important;}
.label-joybuy { background-color:#c61621; color:#fff;}
.text-joybuy { color:#c61621 !important;}
.label-centaur { background-color:#08313d; color:#fff;}
.text-centaur { color:#08313d !important;}


.container-fluid .badge, .container-fluid .label{ line-height:18px;}
.container-fluid .btn .badge, .container-fluid  .btn .label{ line-height: 1.7;}
.bgcolor-muted { background-color:#dde4e6 !important;border-color:#dde4e6 !important;color:#b1c2c6 !important;}
.underline, .underline:hover, .underline:focus{text-decoration: underline !important;}
.break-word{word-break: break-all; word-wrap: break-word;}
.fsize12{ font-size: 12px;}
.fsize14{ font-size: 14px;}
.person-br {border-right: 1px solid #ddd !important;}
.person-br2 {border-right: 3px solid #ddd !important;}
.pull-left {float: left;}
.bdr2 {border-left: 1px solid #cfd9db; border-right: 1px solid #cfd9db;}
.bdr3 {border-top: 1px solid #cfd9db; border-left: 1px solid #cfd9db; border-right: 1px solid #cfd9db;}
.bdr-top0 {border-top:none;}
.list-body.ptb10 li>ul>li {padding-top: 10px; padding-bottom: 10px;}

.opacity0{ -webkit-opacity: 0; opacity: 0;}
.opacity20{ -webkit-opacity: 0.2; opacity: 0.2;}
.opacity40{ -webkit-opacity: 0.4; opacity: 0.4;}
.opacity60{ -webkit-opacity: 0.6; opacity: 0.6;}
.opacity80{ -webkit-opacity: 0.8; opacity: 0.8;}
.opacity100{ -webkit-opacity: 1; opacity: 1;}


.badge-white, .hasnotification-white, .label-white, .badge-white{ background-color:#fff; color:#999; font-size:12px;}
.label-primary .badge-white{color:#7ca4d2;}
.label-danger .badge-white{color:#ed5466;}
.label-purple .badge-white{color:#ef13b9;}
.label-info .badge-white{color:#63d3e9; }

.text-warning, .text-warning:hover{color:#a87a01 !important;}
.panel-body .color_error{color:#221714 !important;}
.btn.btn-warning{ color:#a87a01; text-shadow:0 -1px 0 rgba(255, 255, 255, 0.3);}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .open .dropdown-toggle.btn.btn-warning{color:#a87a01; }
/*.btn.btn-default:focus{  background-color: #f5f5f5; border-color: #cfd9db; color: #6a6a6a;outline:none}*/
.btn.btn-white{ color:#6a6a6a; text-shadow: none; background-color: #fff;  border-color: #cfd9db;}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white.active, .open .dropdown-toggle.btn.btn-white{color:#444; }
.btn-primary {background-color: #7ca4d2; border-color: #6c91bc;}
/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {background-color: #6285ad; border-color: #5478a1;}*/
.btn-primary.active, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .open .dropdown-toggle.btn-primary, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {background-color: #6285ad; border-color: #5478a1;}
.btn-success {background-color: #90bf5b; border-color: #7dab4a;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {background-color: #7cb145; border-color: #608f32;}
.badge-primary{background-color: #7ca4d2;}
.btn.btn-orange {background: #fc5200; color: #fff;}
.btn.btn-orange:hover, .btn.btn-orange:focus, .btn.btn-orange:active, .btn.btn-orange.active, .open .dropdown-toggle.btn.btn-orange {background: #fd6b23; color: #fff;}
.btn.btn-Amazon{ background-color:#f6b81d; color:#030303;}
.btn.btn-Amazon:hover, .btn.btn-Amazon:focus, .btn.btn-Amazon:active, .btn.btn-Amazon.active, .open .dropdown-toggle.btn.btn-Amazon {background: #fdc53b; color:#030303;}

.btn.btn-link{ color:#7ca4d2; text-shadow: none; background-color: transparent;  border-color:  transparent;}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, .btn.btn-link.active, .open .dropdown-toggle.btn.btn-link{color:#444; }

.btn:focus,.btn:active {outline:none;}
.fr{ float: right;}
.fl{ float: left;}
.fsize9 {font-size:9px;}
.table-title {font-size: 16px !important; font-weight: 600; height: 40px; margin: 0; line-height: 40px;}
.bor-bt {border-bottom: 1px dotted #cfd9db;}
.posi_rel{position: relative;}
.dis-block {display: block;}
.table-title {font-size: 16px !important; font-weight: 600; height: 40px; margin: 0; line-height: 40px;}

body .btn-default.active, body .btn-default.active[disabled],  body fieldset[disabled] .btn-default.active, body fieldset[disabled] { background-color:#c0c0c0; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; -moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; -ms-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.3) inset; border-color:#999;}

#main .page-nav .btn-default.active{ z-index:0;}
#main .page-nav .input-group .form-control{ z-index:0;}
#header.navbar > .navbar-toolbar > .navbar-nav > li > a > .meta > .avatar > img {height: 100%;}

.filter-group{ position: relative;  padding-right: 15px;}
.clear-word{ position: absolute; line-height: 32px; right: -20px; top: 0; font-size: 18px; z-index: 2; color: #999; cursor: pointer; display: none;}



body .tooltip, body .popover {z-index: 1051;}
.tooltip .btn-close{ position:absolute; right:-8px; top:-6px; width:20px; height:20px; border-radius:50%; line-height:19px; text-align:center; color:#fff; font-size:12px; border:1px solid rgba(255,255,255,0.5);background-color:#000; cursor:pointer; -webkit-transform:scale(0.7); -moz-transform:scale(0.7); transform:scale(0.7);}
.tooltip .btn-close:hover{ background-color:#333; color:#fff;}

.tooltip.tooltip-warning .tooltip-inner, .tooltip.tooltip-warning .btn-close{ background-color: #f60;}
.tooltip.tooltip-warning.top .tooltip-arrow{border-top-color: #f60; border-top-width: 6px;}
.tooltip.tooltip-warning.bottom .tooltip-arrow{border-bottom-color: #f60; border-bottom-width: 6px;}
.tooltip.tooltip-warning.left .tooltip-arrow{border-left-color: #f60; border-left-width: 6px;}
.tooltip.tooltip-warning.right .tooltip-arrow{border-right-color: #f60; border-right-width: 6px;}


.popover .popover-content{word-break: break-all; word-wrap: break-word;}
.popover.popovertip{ border-color:#ed5466;}
.popover.popover.right > .arrow{ border-right-color:#ed5466;}
.popover.popovertip .popover-content{ color: #ed5466; font-weight: bold;}
.popover.popovertip .btn-remove{ display: block; width: 18px; height: 18px; border-radius: 50%; background-color: #ed5466; line-height: 18px; text-align: center; position: absolute; right: -8px; top: -8px; color: #fff; font-size: 12px; cursor:pointer;}
.popover.group-content.bottom {margin: 0; max-width: none;}
.popover.group-content .popover-content {width: 800px;}

.select_destination_settings .close_inputgroup {position: absolute; right: 30px; z-index: 1;}
.select_destination_settings .panel-group {border-bottom: 1px solid #ddd; padding: 10px 0;}
.select_destination_settings .panel-group:last-child {border-bottom: none;}


.key{margin:0 5px; padding:0 5px; font-weight:bold; text-align: center; font-size:11px; font-family:Tahoma, Geneva, sans-serif;color: #777;background: #EFF0F2; border-top: 1px solid #F5F5F5; text-shadow: 0px 1px 0px #F5F5F5; -webkit-box-shadow: inset 0 0 15px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; -moz-box-shadow: inset 0 0 25px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;box-shadow: inset 0 0 25px #eee, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333; display: inline-block;border-radius: 1px;}
.current-set{ text-align:center; padding:7px 0 7px 15px; line-height:20px; color:#999; display:inline-block; float:left;}


.col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9{float:left;min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;}
.table-layout > .col-custom-1, .table-layout > .col-custom-10, .table-layout > .col-custom-11, .table-layout > .col-custom-2, .table-layout > .col-custom-3, .table-layout > .col-custom-4, .table-layout > .col-custom-5, .table-layout > .col-custom-6, .table-layout > .col-custom-7, .table-layout > .col-custom-8, .table-layout > .col-custom-9 {display: table-cell; float: none; table-layout: fixed; vertical-align: middle;}
.col-custom-12{min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;}
.col-custom-1{ width:8.3333%}
.col-custom-2{ width:16.6667%}
.col-custom-3{ width:25%}
.col-custom-4{ width:33.3333%}
.col-custom-5{ width:41.6667%}
.col-custom-6{ width:50%}
.col-custom-7{ width:58.3333%}
.col-custom-8{ width:66.3337%}
.col-custom-9{ width:75%}
.col-custom-10{ width:83.3333%}
.col-custom-11{ width:91.6667%}
.col-custom-12{ width:100%}

.pct60{ width:60%;}
.pct50{ width:50%;}
.pct40{ width:40%;}
.pct30{ width:30%;}
.pct25{ width:25%;}
.pct20{ width:20%;}
.pct18{ width:18%;}
.pct16{ width:16%;}
.pct15{ width:15%;}
.pct14{ width:14%;}
.pct13{ width:13%;}
.pct12{ width:12%;}
.pct11{ width:11%;}
.pct10{ width:10%;}
.pct7{ width:7%;}
.pct8{ width:8%;}
.pct6{ width:6%;}
.pct4{ width:4%;}
.pct2{ width:2%;}

.alert-nodata{background-color: #f8f8f8; border-color: #e0e0e0;}
.group-nodata, .group-success, .group-warning, .group-error{min-height:70px; line-height:24px;}
.group-nodata i, .group-success i, .group-warning i, .group-error i{ float:left;  font-size:3.5em; line-height:40px; padding:10px; filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.group-nodata{background-color: #f8f8f8; border-color: #e0e0e0; color:#6A6A6A !important;}
.group-nodata.group-sm {min-height:40px; line-height:20px; padding-top: 5px; padding-bottom: 5px;}
.group-nodata.group-sm i, .group-success.group-sm i, .group-warning.group-sm i, .group-error.group-sm i {font-size: 2em; line-height: 25px; padding: 5px;}


.control-label.text-left{ text-align:left;}
.control-label.text-center{ text-align:center;}

.label-word{background: #efefef none repeat scroll 0 0;border-radius: 3px;color: #333;display: inline-block; line-height: 22px;margin: 0 4px 3px 0;padding: 1px 5px;vertical-align: baseline;}
.label-word .close{margin-left: 5px;}
.badge, .label {font-size: 12px;}

/* ----------  css3 loading ---------- */
#floatingCirclesG{position: absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; width:150px;height:150px;-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);}
.f_circleG{position:absolute;background-color:#7ca4d2;height:27px;width:27px;-moz-border-radius:14px;-moz-animation-name:f_fadeG;-moz-animation-duration:1.04s;-moz-animation-iteration-count:infinite;-moz-animation-direction:linear;-webkit-border-radius:14px;-webkit-animation-name:f_fadeG;-webkit-animation-duration:1.04s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:linear;
-ms-border-radius:14px;-ms-animation-name:f_fadeG;-ms-animation-duration:1.04s;-ms-animation-iteration-count:infinite;-ms-animation-direction:linear;-o-border-radius:14px;-o-animation-name:f_fadeG;-o-animation-duration:1.04s;-o-animation-iteration-count:infinite;-o-animation-direction:linear;border-radius:14px;animation-name:f_fadeG;animation-duration:1.04s;animation-iteration-count:infinite;animation-direction:linear;}
#frotateG_01{left:0;top:61px;-moz-animation-delay:0.39s;-webkit-animation-delay:0.39s;-ms-animation-delay:0.39s;-o-animation-delay:0.39s;animation-delay:0.39s;}
#frotateG_02{left:18px;top:18px;-moz-animation-delay:0.52s;-webkit-animation-delay:0.52s;-ms-animation-delay:0.52s;-o-animation-delay:0.52s;animation-delay:0.52s;}
#frotateG_03{left:61px;top:0;-moz-animation-delay:0.65s;-webkit-animation-delay:0.65s;-ms-animation-delay:0.65s;-o-animation-delay:0.65s;animation-delay:0.65s;}
#frotateG_04{right:18px;top:18px;-moz-animation-delay:0.78s;-webkit-animation-delay:0.78s;-ms-animation-delay:0.78s;-o-animation-delay:0.78s;animation-delay:0.78s;}
#frotateG_05{right:0;top:61px;-moz-animation-delay:0.91s;-webkit-animation-delay:0.91s;-ms-animation-delay:0.91s;-o-animation-delay:0.91s;animation-delay:0.91s;}
#frotateG_06{right:18px;bottom:18px;-moz-animation-delay:1.04s;-webkit-animation-delay:1.04s;-ms-animation-delay:1.04s;-o-animation-delay:1.04s;animation-delay:1.04s;}
#frotateG_07{left:61px;bottom:0;-moz-animation-delay:1.17s;-webkit-animation-delay:1.17s;-ms-animation-delay:1.17s;-o-animation-delay:1.17s;animation-delay:1.17s;}
#frotateG_08{left:18px;bottom:18px;-moz-animation-delay:1.3s;-webkit-animation-delay:1.3s;-ms-animation-delay:1.3s;-o-animation-delay:1.3s;animation-delay:1.3s;}
@-moz-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}}
@-webkit-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}}
@-ms-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}}
@-o-keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}}
@keyframes f_fadeG{0%{background-color:#FFFFFF;}100%{background-color:#7ca4d2}}

/*jquery gritter*/
body #gritter-notice-wrapper{ right:50%; margin-right:-225px; width:450px;}

.gritter-item-wrapper.gritter-success{background:#f0ffe5; padding-left:35px; color:#4e7325; border:2px solid #3c9600;}
.gritter-item-wrapper.gritter-success .gritter-item{color:#4e7325; }
.gritter-item-wrapper.gritter-success:before{position:absolute; left:15px; top:12px; content:"\e653";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:2em; text-transform: none; speak:none;}
.gritter-item-wrapper.gritter-success .gritter-close{ color:#4e7325; background-color:#d2e8b8; transition:all 0.5s ease 0s; display:block !important;}
.gritter-item-wrapper.gritter-success .gritter-close:hover{ color:#fff;  background-color:#4e7325;}

.gritter-item-wrapper.gritter-error{background:#fcdee2; padding-left:35px; color:#e8263d; border:2px solid #df6573;}
.gritter-item-wrapper.gritter-error .gritter-item{color:#e8263d; }
.gritter-item-wrapper.gritter-error:before{position:absolute; left:15px; top:12px; content:"\e652";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:2em; text-transform: none; speak:none;}
.gritter-item-wrapper.gritter-error .gritter-close{ color:#e8263d; background-color:#faccd1; transition:all 0.5s ease 0s; display:block !important;}
.gritter-item-wrapper.gritter-error .gritter-close:hover{ color:#fff; background-color:#e8263d;}

.gritter-item-wrapper.gritter-warning{background:#ffffe5; padding-left:35px; color:#a98300; border:2px solid #e9b566;}
.gritter-item-wrapper.gritter-warning .gritter-item{color:#a98300; }
.gritter-item-wrapper.gritter-warning:before{position:absolute; left:15px; top:12px; content:"\e655";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:2em; text-transform: none; speak:none;}
.gritter-item-wrapper.gritter-warning .gritter-close{ color:#da9e00; background-color:#fff3d5; transition:all 0.5s ease 0s; display:block !important;}
.gritter-item-wrapper.gritter-warning .gritter-close:hover{ color:#fff; background-color:#da9e00;}

body #gritter-notice-wrapper .gritter-item-wrapper.gritter-light{width:300px; margin:0; right:20px; top:auto; bottom:20px; position:fixed; background-color:#e9f9fc;}
.gritter-item-wrapper.gritter-light:before{ position:absolute; top:0; left:0;width:100%;height:40px;background-color:#7ca4d2; content:""; }
.gritter-item-wrapper.gritter-light{ border:2px solid #7ca4d2; }
.gritter-item-wrapper.gritter-light p{ line-height:1.5em;}
.gritter-item-wrapper.gritter-light .gritter-item{ margin-top:35px; padding-left:90px; position:relative;}
.gritter-item-wrapper.gritter-light .gritter-item:before{position:absolute; color:#ed5466; left:20px; top:15px; content:"\e6d1";font-family: 'iconfont';font-style: normal;font-variant: normal; font-weight: normal; line-height: 1; font-size:6em; text-transform: none; speak:none; z-index:1;}
.gritter-item-wrapper.gritter-light .gritter-item p{ color:#000;}
.gritter-item-wrapper.gritter-light .gritter-close{ color:#fff; transition:all 0.5s ease 0s; display:block !important; position:absolute; right:10px; top:-25px; z-index:2;}
.gritter-item-wrapper.gritter-light .gritter-item .btn-primary{ float:right;}
.gritter-item-wrapper.gritter-light .gritter-item .gritter-title{position:absolute; color:#fff; font-size:24px; padding:0 25px 0 10px; height:40px; line-height:40px; top:-36px; left:0;font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; display:block; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; z-index:1;}

.gritter-with-image p, .gritter-without-image p{word-break: break-all;word-wrap: break-word;}

.gritter-rank{ display:none; width:300px; margin:0; right:20px; top:auto; bottom:20px; position:fixed; background-color:#fff; border:#91c854 1px solid; -webkit-box-shadow: 0 0 0 6px #e0f0cf; -moz-box-shadow: 0 0 0 6px #e0f0cf; box-shadow: 0 0 0 6px #e0f0cf; border-radius: 5px;}
.gritter-rank .gritter-item{ color:#666; text-align: center; line-height: 180%; font-size: 12px; padding:10px 5px; position: relative;}

.gritter-rank .gritter-title{width: 356px; display: block; font-weight: bold; line-height: 27px; padding: 0 30px 13px; height: 40px; color: #fff; background: url(../image/rank_bg.png) top center no-repeat; text-shadow: 0 1px 0 rgba(0,0,0,0.5); position: relative; margin-left: -34px;}
.gritter-rank .gritter-title i{ font-size: 16px; color: #f6b81d; padding: 0 2px;}
.gritter-rank .gritter-item .btn-close{border-radius: 3px; padding: 0; font-weight:bold; font-size: 20px;height: 20px;line-height: 20px;position: absolute;text-align: center;width: 20px; display: block; color:#91c854; border:1px solid #91c854; background-color:#e0f0cf; top: -15px; right: -10px;}
.gritter-rank .gritter-item .btn-close:hover{background-color:#91c854; color: #fff;}
.gritter-rank .gritter-item .refund-group{ border-radius:0 0 5px 5px; border:1px solid #91c854; max-height: 200px; overflow-y: auto; display: block;}
.gritter-rank .gritter-item .refund-group.productTr{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.gritter-rank .gritter-item .group-title{ padding: 2px 10px; font-weight: bold; background-color: #91c854; color: #fff; position: relative;  display:block; border-radius:5px 5px 0 0;}
.gritter-rank .gritter-item .single-store{ font-size: 14px; line-height: 1.5; font-weight: bold;}
.gritter-rank .gritter-item .refund-group .group{ padding: 5px; background-color: #e0f0cf; display: block;}
.gritter-rank .gritter-item .refund-group .group + .group{ margin-top: 5px;}
.gritter-rank .gritter-item .refund-group .table td{word-break: break-all;word-wrap: break-word;}


.loading{ display:none; border-radius:3px; background-color:#fff; padding-right:5px;  padding-left:20px; color:#999; position: relative;}
.loading i{ position:absolute; top:2px; left:5px; -webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;}

.loading_large{ bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll;position: fixed;right: 0; top: 0; z-index: 1050;}
.loading_text{ display:inline-block; border-radius:30px; background-color:#000; padding:10px 20px 10px 55px; line-height:30px; color:#fff; position: relative; font-size:1.5em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; filter:alpha(opacity:50);opacity: 0.5; border:5px solid rgba(255,255,255,0.5); position: fixed; left:50%; top:50%; z-index:999; margin-left:-130px; margin-top:-30px;}
.loading_text i{ position:absolute; font-size:1.2em; top:13px; left:20px; -webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;}
@-webkit-keyframes loadrotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes loadrotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}}
@keyframes loadrotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}
/*.loading_large{ bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll;position: fixed;right: 0; top: 0; z-index: 1050; background:rgba(0,0,0,0.3);}
.loading_spinner {background: rgba(255,255,255,0.8); width: 270px; height: 60px; position: absolute; top:200px; left: 50%; margin-left: -130px; border-radius:50px; box-shadow: 0px 0px 10px #555;}
.loading_spinnertext {font-size:1.5em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; color: #333; float: left; line-height: 60px; font-weight: 600;}
.spinner {margin: 20px 10px 20px 20px;width: 20px;height: 20px;position: relative; display: inline-block; float: left;}
.container1 > div, .container2 > div, .container3 > div {width: 6px;  height: 6px;  background-color: #008e00;  border-radius: 100%;  position: absolute;  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;  animation: bouncedelay 1.2s infinite ease-in-out;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.spinner .spinner-container {  position: absolute;  width: 100%;  height: 100%;}
.container2 {  -webkit-transform: rotateZ(45deg);  transform: rotateZ(45deg);}
.container3 {  -webkit-transform: rotateZ(90deg);  transform: rotateZ(90deg);} 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
.container2 .circle1 {  -webkit-animation-delay: -1.1s;  animation-delay: -1.1s;}
.container3 .circle1 {  -webkit-animation-delay: -1.0s;  animation-delay: -1.0s;}
.container1 .circle2 {  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s;}
.container2 .circle2 {  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s;}
.container3 .circle2 {  -webkit-animation-delay: -0.7s;  animation-delay: -0.7s;}
.container1 .circle3 {  -webkit-animation-delay: -0.6s;  animation-delay: -0.6s;}
.container2 .circle3 {  -webkit-animation-delay: -0.5s;  animation-delay: -0.5s;}
.container3 .circle3 {  -webkit-animation-delay: -0.4s;  animation-delay: -0.4s;}
.container1 .circle4 {  -webkit-animation-delay: -0.3s;  animation-delay: -0.3s;}
.container2 .circle4 {  -webkit-animation-delay: -0.2s;  animation-delay: -0.2s;}
.container3 .circle4 {  -webkit-animation-delay: -0.1s;  animation-delay: -0.1s;}
@-webkit-keyframes bouncedelay {  0%, 80%, 100% { -webkit-transform: scale(0.0) }  40% { -webkit-transform: scale(1.0) }}
@keyframes bouncedelay {  0%, 80%, 100% {    transform: scale(0.0);    -webkit-transform: scale(0.0);  } 40% {    transform: scale(1.0);    -webkit-transform: scale(1.0);  }}*/




#main .indicator > .spinner, .modal .indicator > .spinner{background-position: left center; color: #666; font-size:20px; font-weight: bold; line-height: 32px; margin-left: -90px; padding-left: 40px; width: 180px;}
.jqstooltip{ width:auto !important;}

/*example*/
.example-group:after {background-color: #f5f5f5;border: 1px solid #ddd;border-radius: 4px 0;color: #9da0a4;content: "示例"; font-size: 12px; font-weight: bold; left: -1px; padding: 3px 7px; position: absolute;  top: -1px;}
.example-group {background-color: #fff; border: 1px solid #ddd; border-radius: 4px;padding: 30px 10px 10px;position: relative;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-default{ cursor:default;}

.edit-warning{ position: absolute; top: 11px; bottom: 17px; width: 1px; background-color: #f60;-webkit-opacity:0.5; opacity: 0.5; transition:all 0.5s ease 0s;}
.edit-warning:before, .edit-warning:after{ position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #f60; left: -2px; overflow: hidden; content: "";}
.edit-warning:before{ top: 0;}
.edit-warning:after{ bottom:0;}
.edit-warning .ico-edit{ position: absolute; top:-13px; font-size: 14px; color: #f60; left: -5px;}
.edit-warning:hover{ -webkit-opacity: 1; opacity: 1;}


/*navigation crumbs*/
.crumbs {text-align: center; margin-bottom:10px;}
.crumbs ul {list-style:none;display:inline-table; padding:0;}
.crumbs ul li {display: inline;}
.crumbs ul li a {display: block;float: left;height:34px; line-height:24px; background:#e0e0e0; text-align: center; padding:5px 60px 5px 80px;position: relative;margin: 0 5px 0 0;text-decoration: none; color:#6a6a6a; font-size:1.1em; font-weight:bold;}
.crumbs ul li a:after {content:"";  border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #e0e0e0;position: absolute; right:-16px; top: 0;z-index: 1;}
.crumbs ul li a:before {content: "";  border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #fff;position: absolute; left: 0; top: 0;}
.crumbs ul li:first-child a {border-top-left-radius:4px; border-bottom-left-radius: 4px;}
.crumbs ul li:first-child a:before {display: none; }
.crumbs ul li:last-child a {border-top-right-radius:4px; border-bottom-right-radius:4px;}
.crumbs ul li:last-child a:after {display: none; }
.crumbs ul li a:hover {background:#d9d9d9; }
.crumbs ul li a:hover:after {border-left-color:#d9d9d9;}
.crumbs ul li.active a{ background:#bce8f1;color:#7ca4d2;}
.crumbs ul li.active a:after{border-left-color:#bce8f1; }
.crumbs.nolink ul li a{ cursor:default;}

.crumbs.table-block ul{ display: table; width: 100%;}
.crumbs.table-block ul li{ display: table-cell;}
.crumbs.table-block ul li a{ float:inherit;}

/*nav slider*/
.page-navigation{ width:100%; height:39px; position:relative;}
.page-navigation li.scroll-item{ width: 120px;}
.page-navigation .nav.nav-pills li.scroll-item + li.scroll-item{ margin-left: 0;}
.page-navigation li.scroll-item a{ margin: 0 5px;  text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-navigation .scrollnav{ height:39px; overflow:hidden; position:relative; margin:0 35px;}
.page-navigation .scrollnav .nav{ position:absolute; left:0; top:0;}
.page-navigation .next, .page-navigation .prev{position:absolute; top:0; width:30px; text-align:center; line-height:39px; background-color:#f8f8f8;  color:#7ca4d2; border-radius:3px;}
.page-navigation .next:hover, .page-navigation .prev:hover{ color:#009DC8; background-color:#fff; }
.page-navigation .next.disabled, .page-navigation .prev.disabled, .page-navigation .next.disabled:hover, .page-navigation .prev.disabled:hover{ color:#ccc; cursor:default ; background-color:#f8f8f8;}
.page-navigation .next{right:0;}
.page-navigation .prev{left:0;}

.panel-body .page-navigation .next, .page-navigation .prev{ background-color:#f0f0f0;}
.panel-body .page-navigation .next:hover, .panel-body .page-navigation .prev:hover{ color:#fff; background-color:#7ca4d2; }
.panel-body .page-navigation .next.disabled, .panel-body .page-navigation .prev.disabled, .panel-body .page-navigation .next.disabled:hover, .panel-body .page-navigation .prev.disabled:hover{ color:#ccc; cursor:default; background-color:#f0f0f0;}
.panel-body .page-navigation .nav li a{background-color:#f0f0f0;}
.panel-body .page-navigation .nav li a:hover{background-color:#e8e8e8;}

/*right side menu*/
.popmenu{padding:3px; position:fixed; top:10px; right:-2px; background-color:#fff; z-index:10000; border-radius:20px 0 0 20px; border:2px solid #ccc;}
.popmenu .btn-group{ margin-right:0; transition:all 0.5s ease 0s;}
.popmenu .menushow{color:#fff; position:relative; z-index:1001;display:block; width:30px; text-align:center; border-radius:50%; background-color:#ccc; overflow: hidden;  text-decoration: none; line-height:30px; cursor:pointer; transition:all 0.5s ease 0s; }
.popmenu:hover .menushow{ background-color:#7ca4d2; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg)}
.popmenu:hover .btn-group{ margin-right:10px;}
.popmenu .dropdown-menu{ top:10px; right:10px;}
.popmenu.opened .btn-group{ margin-right:10px;}

.form-horizontal.form-bordered.min .form-group{ padding-top:5px; padding-bottom:5px;}
.form-horizontal.form-bordered.min .form-group.title{ padding-top:10px; padding-bottom:10px;}
.form-horizontal.form-bordered.min .form-group .control-label{ padding-top:8px;}

/* ---------- login page ---------- */
body.login-page{ background:#fff;}
.login-page .login-header{background:#ecf0f1  url(../image/register_bg.jpg) center bottom no-repeat;padding:50px 0 30px 0; position: relative; text-align:center; }
.login-page .login-header img{ height:70px;}
.login-page .login-header:after{border-color:#ecfbfc transparent transparent;border-style: solid;border-width: 13px 12.5px 0; bottom: -13px; content: "";height: 0; left: 50%; margin-left: -12.5px; position: absolute;width: 0;}
.login-page .login-header p{ padding:10px 20px 0; color:#949494; font-size:14px;}

.loginform{ width:480px; margin:0 auto;}

.login-page .panel{ background-color:transparent; border-radius:0; border:0 none; margin:0; }
.login-page .panel label, .login-page .panel label{ color:#949494;}
.login-page .panel .custom-checkbox > label:before{ border-color:#949494;}
.login-page .panel hr{ border-color:#ccc;}
.login-page .panel p{color:#949494;}
.login-page .panel .form-group .form-control{ transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; background-color:#fff; font-size:14px; box-shadow:none; border-radius:4px; border:1px solid #cfd9db; padding-left:100px;}
.login-page .panel .form-control:focus{ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.login-page .panel .form-group .has-icon .form-control-icon{ width:90px; text-align:left; padding-left:15px; font-weight:bold;}
.login-page .panel .form-group .form-control.parsley-error{ z-index:2;}
.login-page .panel .form-group .form-control:focus{ border-color:#7ca4d2;}
.login-page .panel .form-group.btn-toolbar{ margin:0 0 15px 0;}
.login-page .panel .form-group .btn-group{ float:inherit; display:block; margin:0;}
.login-page .panel .form-group .btn-group .dropdown-menu{ width:100%;}
.login-page .panel .form-group .btn-lg{ position:relative; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.login-page .panel .form-group .btn-lg i{ position:absolute; right:15px; top:10px; font-size:1.2em;}

.login-page .panel .form-group .btn-light { background-color: transparent; border-color: #495363; color: #ccc;text-shadow: none; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.login-page .panel .form-group .btn-light:hover{ background-color: #373e4a;color: #fff;}

.form-stack.mobile-group{ display:table;border-collapse: separate; width:100%;}
.login-page .panel .form-stack.mobile-group input.form-control{ border-radius:4px 0 0 4px;}
.form-stack.mobile-group .input-group-btn .btn{ height:46px; margin-top:-1px; z-index:1; position:relative;}
.form-stack .mobile-info{ position:absolute; right:20px; top:12px;}

/*404 error*/
.error-page{ background:#ecf0f1;}
.error-page .panel-body .longshadow, .loading-page .panel-body .longshadow, #function .longshadow{ color:#7ca4d2; text-shadow:#375a69 1px 1px, #375a69 2px 2px, #375a69 3px 3px,#375a69 4px 4px,#375a69 5px 5px, #375a69 6px 6px, #375a69 7px 7px, #375a69 8px 8px, #375a69 9px 9px, #375a69 10px 10px;}
.error-page .panel-body h4, .loading-page .panel-body h4{ line-height:30px; color:#383838;}
.error-page .error-title {border: 5px solid #5d5d5d; font-weight: bold; padding: 10px; border-radius: 15px; margin-top: -5px;}

.fsize112.loadrotate{color:#7ca4d2; position:absolute; left:50%; margin-left:-60px;-webkit-animation: loadrotate 5s linear infinite;-moz-animation: loadrotate 5s linear infinite;  animation: loadrotate 5s linear infinite;}

/*page error*/
.loading-page{ background-color:#303641;}
.loading-invert .panel-body h4, .loading-invert .panel-body h1{ color:#7ca4d2;}
label.error{font-weight: normal; margin-right: 10px; color: #ed5466; margin-top: 5px;}
.form-control.error{ border: 1px solid #eed3d7; background-color: #f7f2f2;}



/* ---------- body ---------- */
body #main > .container, body #main > .container-fluid{padding:10px 15px 5px;}
.container-fluid .panel{ margin-bottom:10px;}
#main .panel-footer{ padding-top:5px; padding-bottom:5px;}
.page-header .title{ font-size:20px; font-weight:normal;}
.page-header.page-header-block{ padding:2px 15px 3px;}
.page-header .autoscrolllist {margin-top: 8px;}
.page-header .autoscrolllist .table tr > th, .page-header .autoscrolllist .table > thead > tr > th {background-color:#eee; padding: 5px 3px; font-weight: normal; color: #333; border-bottom: none !important;}
#main .panel .table tr > th, #main .panel .table > thead > tr > th, #main .panel .table > thead > tr.active > th{padding: 5px 3px;}
#main .panel .table > tbody > tr > td, #main .panel .table > tfoot > tr > td, #main .panel .table > thead > tr > td{padding: 5px 3px;}
#main .table.table-border > tbody > tr > td, #main .table.table-border > tfoot > tr > td, #main .table.table-border > tfoot > tr > td {border-color: #b2bdbf;}
#main .table.table-border > tbody > tr.rowspan-top > td, #main .table.table-border > tfoot > tr.rowspan-top > td, #main .table.table-border > tfoot > tr.rowspan-top > td {border-color: #cfd9db;}
#main .panel .table.min-td-width tr > th, #main .panel .table.min-td-width > thead > tr > th, #main .panel .table.min-td-width > thead > tr.active > th, #main .panel .table.min-td-width > tbody > tr > td, #main .panel .table.min-td-width > tfoot > tr > td, #main .panel .table.min-td-width > thead > tr > td{padding:5px; }
#main .panel.panel-primary .table tr > th, #main .panel.panel-primary .table > thead > tr > th, #main .panel.panel-primary .table > thead > tr.active > th {background-color: #f5f5f5; border-bottom-width: 2px; border-color: #cfd9db;color: #5e5e5e; font-weight: bold;}
#main .productTr .table > thead > tr.active > th{ background-color:#f5f5f5 !important;}
.panel .dataTables_wrapper .table{border-bottom: 1px solid #cfd9db; border-top: 1px solid #cfd9db; border-width: 1px 0;}
.big_mb .autoscrolllist li li span {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.table-striped tr.disabled td{ background-color:#f2f2f2 !important; color:#a2a2a2;}
.report-list td, .report-list th{ border:1px solid #cfd9db;}
.report-list tr td:first-child, .report-list tr th:first-child{ border-left:0;}
.report-list tr td:last-child, .report-list tr th:last-child{ border-right:0;}
.report-list tr:last-child td{ border-bottom:0;}

#main .dataTables_wrapper .dataTables_paginate, #main .dataTables_wrapper .dataTables_info, #main .dataTables_wrapper .dataTables_length, #main .dataTables_wrapper .dataTables_filter{ padding-top:5px; padding-bottom:5px;}
.sidebar .topmenu li a > .number > .badge, .sidebar .topmenu li a > .number > .label {max-width: 45px;}
.dropdown-submenu { position: relative;}
.dropdown-submenu > .dropdown-menu { border-radius: 0 6px 6px; left: 100%; margin-left: -1px;margin-top: -6px;top: 0;}
.dropdown-submenu:hover > .dropdown-menu { display: block;}
.dropdown-submenu:hover{ background-color:#f5f5f5; color:#262626;}
.dropup .dropdown-submenu > .dropdown-menu { border-radius: 5px 5px 5px 0; bottom: 0; margin-bottom: -2px; margin-top: 0;top: auto;}
.dropdown-submenu > a:after {border-color: transparent transparent transparent #cccccc;border-style: solid;border-width: 5px 0 5px 5px; content: " "; display: block; float: right;height: 0; margin-right: -10px; margin-top: 5px; width: 0;}
.dropdown-submenu:hover > a:after { border-left-color:#999;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left > .dropdown-menu {border-radius: 6px 0 6px 6px; left: -100%; margin-left: 10px;}
.dropdown .dropdown-menu .nav-header { padding-left: 20px;  padding-right: 20px;}


.multiple-group{ display:block; width:100%; height:34px;} 
.multiple-group .dropdown-toggle{display:block; width:100%; position:relative; text-align:left;}
.multiple-group .dropdown-toggle .choice{ position:absolute; right:10px; top:7px;}
.multiple-group .dropdown-menu{ min-width:100%;}
.multiple-group .dropdown-menu li .checkbox-inline{color: #5e5e5e; display:block; line-height: 20px; padding: 4px 15px 4px 30px !important; margin-right:0;}
.multiple-group .dropdown-menu li .checkbox-inline:hover{background-color: #f5f5f5; color: #262626;}
.search-panel .multiple-group .dropdown-menu{ width: 160px;}
.search-panel .btn-group.multiple-group .dropdown-toggle{max-width:140px;}
.search-panel .btn-group.multiple-group .dropdown-toggle .caret{ position: inherit; top: auto; right: auto;}
.country-setting .continent .content .checkbox-inline {width: 90%;}


.invert-select .dropdown-menu li{ position:relative;}
.multiple-group.invert-select .dropdown-menu li .checkbox-inline{ padding: 4px 55px 4px 25px !important; background-color:transparent;}
.multiple-group.invert-select .dropdown-menu li .checkbox-inline input{margin-left: -17px;}
.invert-select select.form-control{ width:50px; position:absolute; padding:0; top:2px; right:3px;height:24px;line-height:28px;}

.sort-group .dropdown-menu li{color: #5e5e5e; display:block; line-height: 30px; position: relative; padding: 3px 80px 3px 15px !important; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sort-group .dropdown-menu li:hover{ background-color: #f5f5f5; color: #262626;}
.sort-group .dropdown-menu li .btn-group{ position: absolute; right: 15px; top: 3px;}
.sort-group .dropdown-menu li .btn-group .btn{ font-size: 14px; padding: 3px 0px; width:22px;}

.sort-group .sort-button{ cursor:pointer; }
.sort-group .sort-button:after, .sort-group .sorting_asc:after, .sort-group .sorting_desc:after{font-family: iconfont; font-size:12px; margin-left:5px; position: relative;speak:none;}
.sort-group .sorting:after{content:"\e6c3";}
.sort-group .sorting_asc:after {content:"\e6be";}
.sort-group .sorting_desc:after{content:"\e6bf";}
.sort-group .sort-button.btn-primary:after, .sort-group .sorting_asc.btn-primary:after, .sort-group .sorting_desc.btn-primary:after{ color: #fff;}


.search-panel{ margin-bottom:10px;}
.search-panel .input-group .form-control{ z-index:0;}
.search-panel .multiple-group, .large-list-title .multiple-group{width:130px; display:inline-block;}
.search-panel .btn-group .dropdown-toggle{padding: 7px 18px 7px 12px; max-width: 120px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.search-panel .btn-group .dropdown-toggle .caret{ position: absolute; right: 10px; top: 15px;}

.control-label .legend{ padding:5px 0 0; line-height:20px; font-weight:normal; color:#888;}
.form-group .title-button{ position:absolute; right:15px; top:0;}

/* ---------- advanced select ---------- */
.advanced-select{ position:relative;}
.advanced-select .select-group{margin-left: calc(-100%+20px); width:100%; overflow:hidden;}
.advanced-select .mask-input{width:calc(100% - 20px); position:absolute; left:0; top: 0; border-right: 0; border-radius: 4px 0 0 4px;}

/* ---------- modal ---------- */
.modal-large {width: 750px;}
.modal-max{width: 1100px;}
.modal-little{width:480px;}
#framesize{ position:absolute; top:15px; left:15px;}
.modal-backdrop{background-color:rgba(229, 229, 229, 0.95);}
.modal-dialog .modal-content{ -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2);}
.modal-open .modal-backdrop.in{background:#ecf0f1; opacity:0.8;}

body .modal-footer{ padding: 8px 20px;}
body .modal-header{ padding: 15px 15px;}

.modal-content.tab-content .modal-header{ padding-left: 0; padding-right: 0; border-bottom: 0;}
.modal-content.tab-content .modal-header .nav-justified{ margin-top: 10px;}
.modal-content.tab-content .modal-header .nav-tabs.nav-justified > li > a{ border-radius: 0; border-left: 0; border-right: 0;}
.modal-content.tab-content .modal-body{ background-color: #fff;}
.modal-content.tab-content .modal-header .modal-title{ margin-left: 15px;}
.modal-content.tab-content .modal-header .close{ margin-right: 15px;}


.tips-info{ line-height:34px; font-size:20px;}
#main .has-tips{ padding-right:40px; position:relative;}
#main .has-tips .tips-info{ position:absolute; top:0; right:15px;}

#flotTip{ z-index: 1051;}
.chart .flot-overlay{ z-index: 1;}


/* ---------- sidebar ---------- */
aside.sidebar.sidebar-left.sidebar-menu{ padding-top:100px; width:220px; background-color: #f9f9f9;LEFT: 0; border-right: 1px solid #cfd9db; position: fixed; height: 100%; overflow-x: hidden; overflow-y: auto;}
aside.sidebar.sidebar-left.sidebar-menu + #main {padding-left: 220px;}
aside.sidebar .content .panel.customer {margin-top: -12px;}
aside.sidebar .content .panel.customer .panel-body {padding-bottom: 0px; padding-top: 10px; line-height: 28px; color: #333;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu{ padding-top: 122px; width:60px;}
.sidebar-minimized aside.sidebar.sidebar-left ~ #main{ padding-left:60px;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu>li>a {padding: 3px 25px 3px 15px;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li a > .text {line-height: 27px;}


/*.logo-env{ padding:20px 20px 10px; height:50px; position:relative; box-sizing:content-box; background:#3f56a1 url(../image/bs_logo2_lite.png) 20px 15px no-repeat;z-index: 1031; cursor: pointer;}
.logo-env .ico-qq{ position:absolute; right:10px; top:18px; display:block; background:url(../image/ico_qq.png) no-repeat; overflow:hidden; width:25px; height:26px;}*/
.logo-env {width: 220px; display:inline-block; padding-top: 6px; margin-right: 20px; position: relative;}
.logo-env .navbar_logo {float: left; margin-left: 10px;}
.logo-env .icon-vip{position:absolute; right:-5px; top:15px; display:block; background:url(../image/icon_vip.png) center bottom no-repeat; overflow:hidden; width:30px; height:31px;}
.logo-env .icon-vip.active{ background-position: center top;}
.logo-env .logo{ margin:0; line-height:1em;}
.logo-env .logo img{ max-height:34px;}
.logo-env .btn{ background-color:#262b34; color:#AAABAE; position:absolute; right:20px; top:20px;}
.logo-env .btn:focus, .header.logo-env .btn.active:focus, header.logo-env .btn.active:focus{ outline:0 none;}
.logo-env .btn:hover{background-color:#393e49; color:#fff;}
.logo-env .btn .icon:before{ font-family: "iconfont";content: "\e4f3";}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env{padding:10px; background: url(../image/bs_logo_side_min1.png) center no-repeat;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env .btn{ position:relative; top:auto; right:auto;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .logo-env .btn .icon:before{ padding:0; content: "\e47a";}

.account{ margin:10px 15px; padding-left:50px; position:relative;line-height:20px;}
.account .accont-photo{ width:40px; height:40px; text-align:center; line-height:40px; position:absolute; left:0; top:0; border-radius:50%; overflow:hidden; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
.account .accont-photo i{ font-size:24px; line-height:40px; color:#909090; width:40px; text-align:center; background-color:#ccc; display:block;}
.account .accont-photo img{ max-height:40px; max-width:40px; vertical-align:top;}
.account .badge{ font-size:12px;}
.account strong{ color:#333; }
.account .account-ico{ color:#5D5D5D; padding-left:5px;}
.account .account-ico:hover{ color:#fff;}
.account .accontdetail p{ margin:0; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account{ padding:10px;margin:0;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account .accont-photo{ position:relative; left:auto; top:auto; cursor:pointer;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account:hover:before { position: absolute; z-index: 1;top: 50%; right: 0px; margin-top: -8px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 8px 8px 0; border-color: transparent #2b303a transparent transparent; -webkit-box-shadow: inset 1px 0px 4px 0 #1d1d1d; box-shadow: inset 1px 0px 4px 0 #1d1d1d; }
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account .accontdetail{display:none; position:absolute; left:60px; top:0;padding:10px; background-color:#2b303a;border-radius:0 3px 3px 0;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .account:hover .accontdetail{display:block;}


.qrcode{ margin:20px auto 0;width:110px; height:51px; background:url(../image/qr_bg.png) 0 center no-repeat; cursor:default; display:block;}
.qrcode img{margin-left:55px;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-khtml-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;}

.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode{ position:relative; width:30px; background-position:0 center; cursor:pointer;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode:hover:before { position: absolute; z-index: 1;top: 50%; right: 0px; margin-top: -8px; margin-right:-15px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 8px 8px 0; border-color: transparent #2b303a transparent transparent; -webkit-box-shadow: inset 1px 0px 4px 0 #1d1d1d; box-shadow: inset 1px 0px 4px 0 #1d1d1d; }
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode img{ display:none; margin:0; position:absolute; padding:10px; border-radius:0 3px 3px 0; top:0; left:45px; background-color:#2b303a; -moz-box-shadow: none;-webkit-box-shadow:none;-khtml-box-shadow:none;box-shadow:none;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .qrcode:hover img{ display:block;}

.eventInfoTip{position: relative; z-index: 2; display: block; margin: 10px;}
.eventInfoTip img:last-child{position: absolute; left: 0; bottom:0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);}

aside.sidebar {z-index: 1029;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu{ background-color:#f9f9f9;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li>a{ color:#333; transition:all 0.5s ease 0s;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active > a{color:#333;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active > a:before{ border-color: transparent #ecf0f1 transparent transparent;border-style: solid;border-width: 12px 8px 12px 0;content: "";height: 0; margin-top: -12px;position: absolute; right: 0;top: 50%;width: 0;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li>a > .arrow{color:#979aa3;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li>a > .figure{ padding-left:5px; width:30px; color: #3f56a1;}
aside.sidebar.sidebar-left.sidebar-menu  .topmenu li > .submenu li>a{ padding-left: 65px;}
aside.sidebar.sidebar-left.sidebar-menu  .topmenu li > .submenu li {padding: 2px 0;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active{background-color: #f9f9f9;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li.active li{ background-color: transparent;}
aside.sidebar .topmenu>li {display: none;}
aside.sidebar .topmenu>li.active {display: inline-block;}
aside.sidebar .topmenu li.allopen {width: 48%; float: left; margin-right: 4%;}
aside.sidebar .topmenu li.allopen .figure, aside.sidebar .topmenu li.allopen .text {border-bottom: 2px solid #3f56a1;}
aside.sidebar .topmenu li.allopen1 {width: 42%;float: left;}
aside.sidebar .topmenu li.allopen a, aside.sidebar .topmenu li.allopen1 a {position: relative;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a {padding-left: 5px;}
aside.sidebar .topmenu li.allopen1 .figure, aside.sidebar .topmenu li.allopen1 .text {border-bottom: 2px solid #ed5466;}
aside.sidebar .topmenu li.active.selected .figure {background-color: #e6e6e6; border-radius: 3px 0 0 3px;}
aside.sidebar .topmenu li.active.selected .text {background-color: #e6e6e6; border-radius: 0 3px 3px 0;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen a > .text, aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a > .text, aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen a > .figure, aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a > .figure {padding-bottom: 8px;}
aside.sidebar .topmenu li.allopen .badge, aside.sidebar .topmenu li.allopen1 .badge {position: absolute; bottom: 7px; left: 35px; font-size: 10px; height: 11px; line-height: 12px;}
aside.sidebar .topmenu li.allopen .badge {left: 45px;}


aside.sidebar .topmenu li > .submenu { background-color: #f9f9f9;}
aside.sidebar .topmenu li > .submenu li:after{ top:13px; background-color: #929da3; left: 47px; box-shadow: 0 0 0 2px #f9f9f9; width: 9px; height: 9px;}
aside.sidebar .topmenu li > .submenu:after{ border-color: #ddd; left: 51px;}
aside.sidebar .topmenu li > .submenu li.active:after{ color:#3f56a1; background-color: #3f56a1;}
aside.sidebar .topmenu li > .submenu li.list:after{ font-size: 12px; top: 7px; left: -18px; font-family: "iconfont"; content: "\e61f"; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
aside.sidebar .topmenu li > .submenu li.file:after{font-size: 12px;  top: 7px; left: -18px; font-family: "iconfont"; content: "\e086"; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
aside.sidebar .topmenu li > .submenu li.set:after{ font-size: 12px; top: 7px; left: -18px; font-family: "iconfont"; content: "\e612"; background-color: transparent; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
aside.sidebar .topmenu li > .submenu li {background-color: #f9f9f9;}
aside.sidebar .topmenu li > .submenu li:hover,aside.sidebar .topmenu li.active > .submenu li:hover {background-color: #e6e6e6;}
aside.sidebar .topmenu li.active > .submenu li.active {background-color: #e6e6e6;}
aside.sidebar .topmenu li.active > .submenu li.active-none {background: none;}
aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active-none > a:before {border-width: 0;}
aside.sidebar .topmenu li.active > .submenu li.active a .text {color: #333;}
aside.sidebar .topmenu li:after {border-top:none;}
aside.sidebar .topmenu li.active>a > .figure > [class*=" ico-"], .sidebar .topmenu li.active a > .figure > [class^="ico-"] {color:#3f56a1;}
aside.sidebar .topmenu li .form-control {border: 1px solid #60c8ae;}
aside.sidebar .topmenu li .topmenu-menu {height: 45px; line-height: 45px; cursor: pointer;}
aside.sidebar .topmenu li .topmenu-menu li {float: left; width: 42%; height: 45px; line-height: 45px;}
aside.sidebar .topmenu li .topmenu-menu li:first-child {border-bottom: 2px solid #3f56a1; padding:0 1%;}
aside.sidebar .topmenu li .topmenu-menu li:last-child {border-bottom: 2px solid #ed5466; margin-left: 3%; padding:0 1%;}
aside.sidebar .topmenu-menu li>a {padding: 0;}
aside.sidebar .topmenu-menu li>a span {color: #3f56a1;}
aside.sidebar .topmenu li>a .addorder {padding: 10px 10px 5px 3px; line-height: 30px; cursor: pointer;}
aside.sidebar .topmenu li>a .addorder1 {line-height: 30px; cursor: pointer; display: inherit;}
aside.sidebar .header_link {display: block; background: #e6e6e6; padding: 10px 0; text-align: center; font-weight: 600; cursor: pointer; color: #3f56a1;}
aside.sidebar .header_link:hover {color: #263c85;}
aside.sidebar .topmenu li.allopen {width: 48%; float: left; margin-right: 4%;}
aside.sidebar .topmenu li.allopen .figure, aside.sidebar .topmenu li.allopen .text {border-bottom: 2px solid #ed5466; font-weight: normal;}
aside.sidebar .topmenu li.allopen1 {width: 42%;float: left;}
aside.sidebar .topmenu li.allopen1 a {padding-left:0px;}
aside.sidebar .topmenu li.allopen1 .figure, aside.sidebar .topmenu li.allopen1 .text {border-bottom: 2px solid #ed5466; font-weight: normal;}

.bdbottom {border-bottom:1px solid #cfd9db; }

.sidebar-minimized .eventInfoTip{ display: none;}
.container-fluid.has-toobar .depot-panel {bottom: 45px; position: fixed; right: 15px; z-index: 10; left: 235px;}





/* ---------- header ---------- */
body #header.navbar.navbar-fixed-top ~ #main, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main{ padding-top:125px !important;}
body #header.navbar.navbar-fixed-top ~ #main.iframe-header, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main.iframe-header{ padding-top:93px !important;}
body #header.navbar, body #header.navbar > .navbar-toolbar, .sidebar-minimized body #header.navbar, .sidebar-minimized body #header.navbar > .navbar-toolbar{ background:#232f3e; height:auto; min-height: 60px; margin-left: 0; border: none; max-height: 87px;}
/*body #header.navbar, body #header.navbar > .navbar-toolbar, .sidebar-minimized body #header.navbar, .sidebar-minimized body #header.navbar > .navbar-toolbar{ background: url(../image/taobu_bg.jpg); height:auto; min-height: 60px; margin-left: 0; }*/
body #header.navbar > .navbar-toolbar > .navbar-nav > li {margin-right: 5px; padding-top: 15px;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li > a, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > li > a { height:42px; line-height:42px; font-size: 16px; font-family: "微软雅黑"; padding:0 20px; color:#333; font-weight: 600; border-radius: 4px 4px 0 0; color: #fff;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li > a:hover {background: #504e56; color: #f6f6f6;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li.active > a:hover {background: #E2E2E2;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li.active > a, body #header.navbar > .navbar-toolbar > .navbar-nav > li > a:focus {background: #f6f6f6; color: #2a2a2a;}
.navright_header {height: 40px; display: inline-block; float: right; margin-right: 20px; position: relative; margin-top: 17px; background: #f6f6f6; padding: 0 10px; border-radius: 4px 4px 0 0;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu{border: 2px solid #9db6d2;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li:hover .dropdown-menu{ display: block;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li{padding: 4px 15px; display: block;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li a{ color: #3f56a1; display: inline-block; padding: 0 3px !important; line-height: 1.42857;}
body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li.active a, body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li.active a:hover, body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li.active a:focus, body #header.navbar > .navbar-toolbar > .navbar-nav > li .dropdown-menu li a:hover{background-color: #3f56a1; color: #fff;  outline: 0 none; text-decoration: none;}


.navright_header1 {height: 45px; display: inline-block; float: right; margin-right: 10px; position: relative; padding-top: 8px;}
.navright_header1>a.nav_meta {color: #fff; margin-top: 15px; height: 35px; display: inline-block;}
.navright_header>a.dropdown-toggle1 {display: block; height: 40px;}
.navright_header .meta {display: table; width: 100%; line-height: 28px; padding-top: 8px; color: #232f3e;}
.navright_header .meta .avatar {display: table-cell; height: 28px; vertical-align: middle; width: 28px;}
.navright_header .meta .avatar img {width: 100%; height: 100%;}
.navright_header .meta .arrow {display: table-cell; font-family: iconfont; font-size: 12px; height: 12px; text-align: right; vertical-align: middle; width: 12px;}
.navright_header .meta .arrow:after{content:"\e6be"; font-family: "iconfont"; font-size: 12px; height: 12px;}
.dropdown-menu-headerbox {width: 240px; position: absolute; top:40px; z-index: 100;display:none; right:0px;}
.dropdown-menu-header {width: 240px; padding: 0; min-width: 160px;background-clip: padding-box; background-color: #fff;border:2px solid #9db6d2; border-radius: 4px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); font-size: 13px;}
.dropdown-menu-header .borderbtm {padding: 8px 10px; border-bottom: 1px solid #ddd;}
.dropdown-menu-header .divtit {background-color: #f2f2f2; display: block; font-weight: 600;}
.dropdown-menu-header .borderbtm a {width: 48%; display: inline-block; padding-left: 5px;}
.dropdown-menu-header .borderbtm a:hover, .dropdown-menu-header .borderbtm a:focus {background: #3f56a1; color: #fff;}
.dropdown-menu-header .divtit a {width: 100%;}
.dropdown-menu-header .divtit a:hover {background: none;}
.navright_header:hover .dropdown-menu-headerbox {display: block;}
.breadcrumb > li + li:before {content: "> ";}
.current-nav {background: #f6f6f6; margin-left: 220px; position: absolute; width: 100%; height: 33px; line-height: 25px; box-sizing: initial; border-bottom: 1px solid #cfd9db;}
.sidebar-minimized .current-nav {margin-left:60px;}
.current-navleft {width: 30%; padding-left: 20px; float: left;}
.current-navright {width: 50%; text-align: right; float: right; margin-right: 240px; padding-top: 3px;}
.current-navleft .sidebar-minimize {float: left; margin-right: 10px; color: #333;}
.current-navleft .sidebar-minimize:hover {color: #919191;}
.current-navleft .sidebar-minimize .meta .icon {font-size: 20px; min-width: 20px; text-align: center;}
.current-navleft .sidebar-minimize .meta .icon:after {content: "\e638"; display: inline-block; font-family: iconfont; padding: 7px 0;}
.current-navleft .sidebar-minimize.minimized .meta .icon:after {content: "\e639";}
body #header.navbar > .navbar-toolbar > .navbar-nav > li.developing:hover .popover {display: block;}
body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 12px;}




/*.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li{ border:0;}
.sidebar-minimized .sidebar .topmenu li > .submenu li:after{ display: none;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li li.active > a:before{ display: none;}
.sidebar-minimized .sidebar .topmenu > li > a > .number{ display: none;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li a > .figure{ padding-left:0;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li a{ padding-left:15px;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li .submenu li .submenu li a{ padding-left:30px;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:before, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu > li.arrow:hover:before{ border-color:rgba(0,0,0,0) #2b303a rgba(0,0,0,0) rgba(0,0,0,0);}*/
/*.sidebar-minimized aside.sidebar .topmenu li > .submenu {position: absolute; z-index: 1;}*/
.sidebar-minimized .current-navright {margin-right: 80px;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu {overflow: visible; }
.sidebar-minimized aside.sidebar .topmenu > li:hover > a {background-color:#e7e7e7;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu>li.active:hover .submenu.collapse.in {display: block;}
.sidebar-minimized aside.sidebar .topmenu > li > .submenu {box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.5);}
.sidebar-minimized aside.sidebar .topmenu > li > .submenu > li.submenu-header {color: #333; padding: 8px 10px;}
.sidebar-minimized aside.sidebar .topmenu > li > .submenu .submenu {background-color: #f9f9f9;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li > .submenu li > a {padding-left: 35px;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen {width:100%; clear:both; margin-right: 0;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen .figure, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen .text {border-bottom: none;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 {width: 100%;clear:both; }
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a {padding-left:15px;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 .figure, .sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 .text {border-bottom: none;}
.sidebar-minimized .sidebar.sidebar-left.sidebar-menu .topmenu li>a .addorder {display: none;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .sidebar-display {display: none;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .header_link {display: none !important;}
.sidebar-minimized body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 12px;}

.sidebar-minimized aside.sidebar .topmenu li.allopen .badge, .sidebar-minimized aside.sidebar .topmenu li.allopen1 .badge {position: absolute; bottom: 7px; left: 15px; font-size: 10px; height: 11px; line-height: 12px;}
.sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen a > .figure, .sidebar-minimized aside.sidebar.sidebar-left.sidebar-menu .topmenu li.allopen1 a > .figure {padding-bottom: 0;}


/* 无公告栏头部 */
body.header-minimized #header.navbar.navbar-fixed-top ~ #main, body.header-minimized  .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main{ padding-top:30px !important;}
body.header-minimized #header.navbar, body.header-minimized #header.navbar > .navbar-toolbar, .sidebar-minimized body.header-minimized #header.navbar, .sidebar-minimized body.header-minimized #header.navbar > .navbar-toolbar{min-height: 30px;}

body #header .navbar-nav li .ico-new{ font-size:20px;}
.navbar-nav .navigation a{ float:left; color:#7ca4d2 !important; padding:0 5px !important;}
.navbar-nav .navigation a:hover{ color:#009dc8 !important;}
.navbar-nav .navigation span{height: 50px;line-height: 51px; padding: 0 5px; color:#9d9d9d;}
.navbar-nav .navigation a + a:before, .navbar-nav .navigation span:before{color: #ccc;content: "/"; padding-right:5px;}
#header.navbar > .navbar-toolbar > .navbar-nav > li > a .arrow:after{content:"\e6be"; vertical-align: middle;font-family: "iconfont"; font-size: 12px; height: 12px;}


/* 无侧栏头部 */
body.no-sidebar #header.navbar > .navbar-toolbar{ margin-left: 0;}
body.no-sidebar .bottomblank .panel.fixedbottom{ left: 0;}
body.no-sidebar .navbar .sidebar-minimize{ display: none;}
.no-sidebar .container-fluid.has-toobar .page-footer, .container-fluid.has-navbar .panel-navbar{left: 15px;}
.no-sidebar .sidebar-minimized .container-fluid.has-toobar .page-footer{left: 75px;}
.no-sidebar .page-header.fixed-type {position: fixed; top: 0px; left: 15px; right: 15px; z-index: 10; background-color: #fff;}
.no-sidebar .container-fluid.has-toobar .page-footer{ position: fixed; bottom: 0; right: 15px; z-index: 10;}
.no-sidebar .container-fluid.has-toobar .depot-panel {left: 15px;}

.navbar-nav .marquee-group{ height:29px; width:220px;}
.navbar-nav .marquee-group ul{height: 29px; margin: 0;overflow: hidden; position: relative; list-style:none; padding:0; margin-left:20px; margin-right:5px;}
.navbar-nav .marquee-group .marquee-icon{ position:absolute; left:0; top:8px;}
.navbar-nav .marquee-group ul li{ float:inherit;  white-space: nowrap; position: absolute; top: -999em;   left: 0; height:29px; }
.navbar-nav .marquee-group ul li a{color: #333; height: 29px; line-height: 30px;  padding:0;}

#header.navbar .alert-warning{ background-color:#ffffc9; border-radius: 0; padding: 5px 10px; text-align: center; line-height: 19px; margin-bottom: 0; border-color:#ffd25b; border-width: 0 0 1px; height: 30px;}


/* ---------- index ---------- */
.bgcolor-store{background-color: #6BCCB4 !important; border-color: #5CC7AC !important; color: #FFFFFF !important;}
.bgcolor-order{background-color: #FFD66A  !important; border-color: #edc04a !important; color: #FFFFFF !important;}
.bgcolor-product{background-color: #e37772 !important; border-color: #de5e58 !important; color: #FFFFFF !important;}
.bgcolor-message{background-color: #63D3E9 !important; border-color: #4DCDE6 !important; color: #FFFFFF !important;}
.table-responsive .price{ font-size:1.1em; color:#ED5466;}
.table-responsive .table tr > th, .table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td, .table-responsive .table > thead > tr > td {padding: 5px;}
.dataTables_wrapper .dataTable > thead > tr > th.sorting:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_asc:before, .dataTables_wrapper .dataTable > thead > tr > th.sorting_desc:before{ color:#fff;}

#mainstore .text-right{ width:70%; display:inline-block;}
#mainstore .text-right .text-muted{ padding:0 5px; font-size:12px;}
#mainstore .text-left{ width:30%; display:inline-block;}

.mailnews .news-group{ margin:0; max-height:278px; overflow:hidden;}
.mailnews ul.list-group{ margin-bottom:0;}
.mailnews ul.list-group li.list-group-item{border-radius:0; width:100% !important; border-width: 1px 0;overflow:hidden;}
.mailnews ul.list-group li.list-group-item:hover{ background-color:#fffcdd;}
.mailnews ul.list-group li.list-group-item a{ font-size:13px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display:block;}
.mailnews ul.list-group li.list-group-item span.small{ padding-right:5px;}
.mailnews ul.list-group li.list-group-item .news-info{ display:none;}

.mailnews ul.list-group li.list-group-item .panel-ribbon{height:35px;right: -1px;overflow: hidden; position: absolute;text-decoration: none; top: -1px;  width:35px;z-index: 10;}
.mailnews ul.list-group li.list-group-item .panel-ribbon:after {border-color: #eee transparent transparent; border-style: solid; border-width: 35px 0 0 35px;content: "";height: 0; left: 0; position: absolute;top: 0; width: 0;}
.mailnews ul.list-group li.list-group-item .panel-ribbon.panel-ribbon-danger:after{ border-color:#ed5466 transparent transparent;}
.mailnews ul.list-group li.list-group-item .panel-ribbon span {  color: #fff; font-family: tahoma;font-size: 10px; font-weight: bold; right: 1px; line-height: 20px;  position: absolute; top: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); z-index: 1;}


.mailnews.large-list-news ul.list-group li.list-group-item:last-child{ border-bottom:0;}
.mailnews.large-list-news ul.list-group li.list-group-item a{ font-size:14px;}
.mailnews.large-list-news ul.list-group li.list-group-item span.small{ padding-right:10px; font-weight:bold;}


.container-fluid .website-notice, .container-fluid .website-notice .panel{ margin: 0;}
.website-notice .panel .panel-heading{ padding-right: 100px; position: relative; }
.website-notice .panel .panel-heading .panel-title{display: block; width: 100%; line-height: 34px; font-size: 13px;}
.website-notice .panel .panel-heading .date{ line-height: 34px; position: absolute; right: 10px; top: 0; color: #999;}

.website-notice  .panel-heading > .panel-title{ height: 34px;}
.website-notice  .panel-heading > .panel-title a{ color: #7a7a7a; display: block; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.website-notice  .panel-heading > .panel-title a:hover{ color: #7ca4d2;}
.website-notice  .panel-body{ color: #666; line-height: 1.5em;}


.mainbanner{ background-color:#7ca4d2; overflow:hidden; height:60px; border-radius:5px; margin-bottom:20px; position:relative;}
.mask_disc{background:url(../image/mainbanner_bg.png) no-repeat; width:566px; height:300px; position:absolute; right:-80px; bottom:-80px; z-index:2;}
.mask_box{background:url(../image/mainbanner_box.png) no-repeat; width:652px; height:559px; position:absolute; right:-200px; bottom:-180px; z-index:1;}
.mask_light{ background:url(../image/mask_light.png) no-repeat;  width:800px; height:800px; position:absolute; left:-350px; bottom:-450px; -webkit-opacity:0.5; -moz-opacity:0.5; -ms-opacity:0.5; -o-opacity:0.5; opacity:0.5; z-index:1;-webkit-animation: loadrotate 30s linear infinite;-moz-animation: loadrotate 30s linear infinite;  animation: loadrotate 30s linear infinite;}

.mask_node {width:400px; height:300px; position:absolute; right:0; top:0; z-index:4;}
.mask_node .node{ width:70px; height:70px; background-color:rgba(255,255,255,0.5); position:absolute; border-radius:50%;}
.mask_node .node span{ display:block;width:50px; height:50px; font-size:18px; margin:10px; font-weight:bold; line-height:50px; text-align:center;border-radius:50%; color:#fff; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; }
.mask_node .node.saveworry{ top:60px; left:120px;}
.mask_node .node.saveworry span{ background-color:#7ca4d2; text-shadow:0 1px 0 #6285ad;}
.mask_node .node.safety{ top:-20px; right:60px;}
.mask_node .node.safety span{ background-color:#ffd66a; text-shadow:0 1px 0 #ffd25b;}
.mask_node .node.efficient{ top:150px; left:200px;}
.mask_node .node.efficient span{ background-color:#ed5466; text-shadow:0 1px 0 #ec465a;}
.mask_node .node.simple{ bottom:50px; right:-20px;}
.mask_node .node.simple span{ background-color:#91c854; text-shadow:0 1px 0 #8ac448;}

.mainbanner h3{ margin-top:10px; margin-left:30px; color:#fff; font-size:35px; font-weight:bold; text-shadow:0 2px 0 #007594; z-index:3; position:relative;}
.mainbanner .feature{ margin-top:30px; margin-left:0;z-index:3; position:relative;}
.mainbanner .feature li{ color:#fff; line-height:30px; margin-bottom:5px; font-size:16px; list-style:none;}
.mainbanner .feature li strong{ padding-right:5px;}

.timeline.main:after{ left:30px;}
.timeline.main li.wrapper{ margin-left:65px;}
.timeline.main .wrapper .figure {background-color: #ecf0f1; border-radius: 50%;box-shadow: 0 0 0 3px #ecf0f1;color: #b1c2c6; height: 34px;left:30px; line-height: 34px;margin-left: -18px; margin-top: 5px; position: absolute;text-align: center; width: 34px;z-index: 5;}
.timeline.main li.wrapper .panel:before{border-style: solid;content: ""; height: 0; position: absolute;width: 0;border-color: transparent #cfd9db transparent transparent; border-width: 10px 10px 10px 0;left: -11px;top: 10px;}
.timeline.main li.wrapper .panel:after{border-style: solid;content: ""; height: 0;position: absolute;width: 0;border-color: transparent #fff transparent transparent;border-width: 10px 10px 10px 0;left: -10px;top: 10px;}
.timeline.main li.wrapper .panel .panel-body{ padding:8px 130px 8px 90px;}
.timeline.main li.wrapper .panel .panel-body .panel-icon{ font-size:3em; position:absolute; color:#e0e0e0; left:20px; top:20px;}
.timeline.main li.wrapper .panel .panel-body .btn{position:absolute; right:20px; bottom:20px;}
.timeline.main .alert-warning{ font-size:1.6em; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}

/*#data-platform{ width:150px; display:inline-block; margin-bottom:-4px;}*/

#main .jumbotron{background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;background-image:url(../image/lite_bg.jpg); margin-top: 0px; height: 120px; text-align: center; padding-top: 0px;}
.jumbotron .photo{ width:80px; height:80px; border-radius:50%; border:5px solid #fff; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover; margin: 0 auto;}
.company-name{ font-size: 30px; margin-bottom: 10px; line-height: 40px; font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif; margin-top: 15px;}
.jumbotron p.company-label{ font-size: 16px; line-height: 20px; font-family: "Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif;}

.event-modal{ position:fixed; top:50%; left:50%; margin-left:-450px; margin-top:-180px; display:none; z-index:1050; -webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 0 10px rgba(0,0,0,0.2);}
.event-modal .modal-body{ padding:0;}
.event-modal .close{background-color: #ccc; border-radius: 50%; box-shadow: 0 0 0 5px #fff; color: #fff; height: 30px; right: -20px; opacity: 1; position: absolute; text-align: center; top: -20px;width:30px; font-size:2em; line-height:30px; z-index:1; transition:all 0.5s ease 0s;}
.event-modal .close:hover{ background-color:#999;}


/* ---------- staff---------- */
#shuffle-grid .shuffle{ float:left; width:300px; height:100px; padding:0 10px; margin:15px 0;}
#shuffle-grid .shuffle .panel-body{ padding:10px; height:100%; position:relative; z-index:2;}
#shuffle-grid .shuffle img{ max-height:100px; max-width:100px;}
#shuffle-grid .shuffle .panel{ padding-left:100px;}
#shuffle-grid .shuffle .photo{ width:100px; height:100px;display: block; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:center;-webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; background-size:cover;}
#shuffle-grid .shuffle .staffinfo{ height:100px; vertical-align:middle;}
#shuffle-grid .shuffle .text-center{ background-color:#eee; background-size: contain;}
#shuffle-grid .shuffle .text-center i{ font-size:5em; vertical-align:middle; color:#aaa; text-shadow:0 0 5px #ccc;}
#shuffle-grid .shuffle h5.semibold{ line-height:1.8em;}
#shuffle-grid .shuffle h5.semibold .text-default{ padding-left:5px; font-weight:normal; font-size:13px;}
.loadtext{ line-height:24px; padding:5px 0; margin:0; color:#333; display: block;}
.loadtext-sm{line-height:20px;padding:5px 0; margin:0; color:#333; display: block;}

.shuffle .sidelabel{position:absolute; width:55px; padding-left:5px; color:#fff;font-size:12px ;font-weight:bold;right:5px;border:none;bottom:10px;line-height:24px;background-color:#999; text-align:center; z-index:1;}
.shuffle .sidelabel:before{display:inline-block;content:"";position:absolute;top:-8px;left:-5px;border-style:solid;border-color:transparent #fff transparent transparent;border-width:20px 12px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);}
.shuffle .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;right:1px;border-style:solid;border-color:transparent transparent #333 #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
.shuffle .supertube {position: absolute; right:10px; top:0; z-index: 2; width: 50px; height: 50px;}
.shuffle .supertube_bg {width: 0px; height: 0px; border-top:45px solid #deb727; border-left: 45px solid transparent; position: absolute; top:1px; right:0px; z-index: 3;}
.shuffle .supertube .text {position: absolute; z-index: 4; right: 0; top:8px; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); color: #fff;}

#templetfile, .templetfile{ position:absolute; z-index:3; height:34px; left:0; top:0; width:100%; padding:0; background:none; border:0;filter:alpha(opacity:0);opacity: 0;}





/* ---------- platform-group ---------- */
.platform-group { width: 530px; overflow: hidden; margin: 0 auto;}
.platform-group .platform-label{ border: 2px solid #e0e0e0; position: relative; float: left; height: 47px; width: 122px; margin:5px; display: block; background-position: center center; background-size: contain; background-repeat: no-repeat; transition: all 0.5s ease 0s; }
.platform-group .platform-label:last-child{line-height: 45px; text-align: center; font-size: 16px; font-weight: bold; color: #666;  }
.platform-group .platform-label:before{ background-color: rgba(255,255,255,0.5); width: 100%; height:100%; content: ""; position: absolute; left: 0; top: 0;transition: all 0.5s ease 0s;}
.platform-group .platform-label:hover{ color: #666; border-color: #999; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3); box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.platform-group .platform-label:hover:before{background-color: rgba(255,255,255,0.1); }
.platform-group .platform-label.active{ border-color: #7ca4d2; color: #7ca4d2;}
.platform-group .platform-label.active:before{ display: none;}
.platform-group .platform-label.active:after{ position:absolute; right:2px; bottom:-5px; font-size:20px; content:"\e72a"; font-family: "iconfont"; color:#7ca4d2;}
.platform-group .platform-link {text-align: right; display: block; padding-right: 15px; margin-bottom: 5px;}
.store-page .platform-group{ width: 735px;}
.store-page .platform-group .platform-label{ width: 225px; margin: 10px 10px 5px; height: 80px; text-align: center;}
.store-page .platform-group .platform-label:before{background-color:rgba(0, 0, 0, 0.7); z-index: 1;}
.store-page span{ position:relative; line-height: 80px; font-weight: bold; color: #fff; font-size:15px; text-decoration:underline; z-index: 2;}

.set-platform .platform-group{ width: 100%;}
.set-platform .platform-group .platform-label { width: 258px; margin: 10px 10px 5px; height: 82px; text-align: center; position: relative;}
.set-platform .platform-group .platform-label:before {background:none;}
.set-platform .platform-group .platform-label img {width: 100%; padding-top: 2px;}
.set-platform .platform-group .platform-label p {padding: 5px 0; font-size: 15px; font-weight: 600; line-height: 1.42857;}
.set-platform .platform-group .platform-label .selected {position: absolute; right: 0; bottom: 0; width: 30px; display: none;}
.set-platform .platform-group .platform-label.active{ border: 2px solid #7dab4a; color: #7ca4d2;}
.set-platform .platform-group .platform-label.active .selected {display: block;}
.set-platform .platform-group .platform-label.active:after { position:absolute; right:2px; bottom:-5px; content:"";}
.set-platform .platform-label span{ position:relative; line-height: 80px; font-size: 15px; color: #030303; font-weight: 600; font-size:15px; display: block; width: 100%; height: 100%; background: #fff;}



/* ---------- calendar---------- */
#full_calendar .fc-event{ font-size:12px;}
#full_calendar .fc-event .removeevent{ display:none; border:0; background:none; margin:0;position:absolute; right:5px; top:3px; padding:3px; z-index:10;}
#full_calendar .fc-event .ico-remove-sign{ font-size:1.2em; color:#A2A2A2;}
#full_calendar .fc-event:hover .removeevent{ display:block;}

/* ---------- document---------- */
.documentlist h2{font-size:18px; padding-right:40px; position:relative;}
.documentlist h2 span.label{ margin-right:10px; font-size:16px; height:auto;}
.documentlist h2 .arrow{ position:absolute; right:0; top:2px;}
.documentlist h2 .arrow:before{font-family: iconfont; font-size:24px;font-weight: 400; line-height:20px; content:"\e360";}
.documentlist h2 .arrow.closed:before{content:"\e35e";}


.documentlist ul{ margin:15px 0 30px 0; padding:0; list-style:none; border-top:1px solid #ddd;}
.documentlist li{vertical-align:middle; padding:0; width:100%;}
.documentlist li .photo{ display:table-cell; vertical-align:top; text-align:center;padding:10px 20px 20px 0;position:relative;}
.documentlist li .photo .link{ display:block; overflow:hidden; width:200px; height:200px;  border:5px solid #ddd; border-radius:15px;-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px 0  rgba(0, 0, 0, 0.5);}

.documentlist li.new .photo:before{ position:absolute; content:""; top:12px; left:2px; overflow:hidden; width:80px; height:80px; background:url(../image/label_document.png) 0 0 no-repeat;}
.documentlist li.update .photo:before{ position:absolute; content:""; top:12px; left:2px; overflow:hidden; width:80px; height:80px; background:url(../image/label_document.png) -80px 0 no-repeat;}
.documentlist li.fixbug .photo:before{ position:absolute; content:""; top:12px; left:2px; overflow:hidden; width:80px; height:80px; background:url(../image/label_document.png) -160px 0 no-repeat;}
.documentlist li .photo img{ max-height:200px; max-width:200px;position: relative; z-index: -1;}
.documentlist li .note{ display:table-cell; vertical-align:middle; color:#666; text-shadow:0 1px 0 #fff; font-size:14px; padding:10px 0 20px;}
.documentlist li .note ol, .documentlist li .note ul{ padding-left:20px;} 
.documentlist li .note li{ line-height:2em;}
.documentlist li .note .label{ font-size:14px; text-shadow:none;}
.documentlist li .note .title{ font-size:16px; line-height:20px; margin-top:0;}
.documentlist li .note .title .badge{ font-size:12px; margin-right:5px;}
.documentlist li .note .title .ico-new{ font-size:12px;}
.documentlist li .note .title .ico-new:before{ font-size:18px; padding-right:5px;}
.documentlist li .note p{line-height:2em;margin:0;}

.videolist h2{font-size:18px; padding-left:35px; position:relative; cursor:pointer; border-bottom:1px solid #ddd; padding-bottom:10px;}
.videolist h2:hover{ color:#7ca4d2;}
.videolist h2 span.label{ margin-right:10px; font-size:16px; height:auto;}
.videolist h2 .arrow{ position:absolute; left:0; top:2px;}
.videolist h2 .arrow:before{font-family: iconfont; font-size:24px;font-weight: 400; line-height:20px; content:"\e360";}
.videolist h2 .arrow.closed:before{content:"\e35e";}

.videolist .videoplayer{ width:650px; height:410px; margin:10px auto 0; background-color: #fff; border-radius: 5px;padding: 5px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999;  box-shadow: 0 0 10px #999;}
.videolist .videogroup p.info{line-height:20px; margin:0; padding-left:35px;}

.videolist ul{ margin:15px 0 30px 0; padding:0; list-style:none; border-top:1px solid #ddd;}
.videolist li{vertical-align:middle; padding:0; width:100%;}


.commentarea .panel-body textarea{ height:120px;}
.commentarea .reply-wrapper{ margin-top:10px; height:41px;}
.commentarea .panel-toolbar-wrapper.reply-wrapper{ padding:0; border:0;}
.commentarea .reply-account img{ display:inline-block; margin-right:10px; height:40px; height:40px; }
.commentarea .reply-account strong{ line-height:41px; font-size:13px; color:#7ca4d2;}

.commentlist{ margin-bottom:20px;}
.commentlist h2{font-size:16px; }
.commentlist h2 span.label{ margin-right:10px; font-size:14px; height:auto;}

.commentlist ul{ margin:15px 0 0 0; padding:0; list-style:none;}
.commentlist li{vertical-align:middle; padding:15px 0; border-top:1px solid #ddd;  position:relative;}
.commentlist li .photo{ display:table-cell; vertical-align:middle; text-align:center; padding-right:20px;}
.commentlist li .photo a{ display:block; overflow:hidden; width:80px; height:80px;  border:3px solid #ddd; border-radius:50%;-webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5px 0  rgba(0, 0, 0, 0.5);}
.commentlist li .photo img{ max-height:80px; max-width:80px;position: relative; z-index: -1;}
.commentlist li .note{ display:table-cell; vertical-align:middle;}
.commentlist li .note .date{ color:#999; padding-left:20px;}
.commentlist li .note .title{ font-size:14px; line-height:20px;}
.commentlist li .note p{ line-height:20px; margin:10px 0;}
.commentlist li ul{ margin-left:100px; display:none;}
.commentlist li li textarea{ height:80px;}
.commentlist li li .panel-toolbar{ margin-top:10px;}
.commentlist li li.newreply{ padding-right:110px;}
.commentlist li li.newreply .btn-primary{ position:absolute; right:20px; bottom:15px;}
.commentlist li .del{ position:absolute; right:15px; top:10px;}


/* ---------- access---------- */
.col-custom-3 .list-group-tabs > .list-group-item.active > a, .col-sm-3 .list-group-tabs > .list-group-item.active > a{ background-color:#7ca4d2; color:#fff;}
.list-group-tabs .list-group-item.active a:after{ position: absolute; right:-7px; top:50%; margin-top:-8px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #7ca4d2;}
.nav.nav-pills > li > a{ background-color:#eee;}
.nav.nav-pills > li + li {margin-left: 5px;}
.nav.nav-pills.nav-stacked > li + li{margin-left:0;}
.nav.nav-pills.nav-stacked > li.dropdown-header{ font-weight:bold; font-size:14px; padding:10px 20px;}
.nav.nav-pills.nav-stacked > li.dropdown-header strong{ background-color:#fff; padding:0 5px; position:relative; z-index:2;}
.nav.nav-pills.nav-stacked > li.dropdown-header:before{ height:1px; width:100%; content:""; background-color:#e0e0e0; left:0; top:50%; position:absolute; z-index:1;}
.nav.nav-pills > li.active > a, .nav.nav-pills > li.active > a:focus, .nav.nav-pills > li.active > a:hover{background-color: #7ca4d2;}
.form-group .radio-inline, .form-group .checkbox-inline, .form-group .radio-inline + .radio-inline, .form-group .checkbox-inline + .checkbox-inline{ margin-left:0; margin-right:5px;}

.list-group.list-group-tabs .list-group-item.active > a{background-color: #00b1e1;color: #fff;}
.list-group.list-group-tabs .list-group-item.active > a:after { border-color: transparent transparent transparent #7ca4d2;  border-style: solid; border-width: 8px 0 8px 8px;content: "";height: 0; position: absolute; right: -7px; top: 50%; margin-top: -8px; width:0;}


.list-group.brtools-panel { margin-bottom:0;}
.brtools-panel .list-group-item{ border-color:#009dc8;}
.brtools-panel .list-group-item a{background-color: #7ca4d2;color: #fff; font-weight:bold;}
.brtools-panel .list-group-item a:hover, .brtools-panel .list-group-item a:focus{ background-color:#009dc8; color: #fff;}


#uploadPhoto .col-sm-6{ padding-right:80px;}
#uploadPhoto .col-sm-6 .upload{ position:absolute; right:0; top:0;}

#uploadFile { padding-right:80px;}
#uploadFile .upload{ position:absolute; right:0; top:0;}

.access-panal .group-header{ padding:15px; overflow:hidden; margin-left: -15px; margin-right: -15px; background-color:#f8f8f8;}
.access-panal .form-group{ border-top:1px solid #E0E7E8;}
.access-panal .group-header h4{ float:left; margin:0;}
.access-panal .group-header label.checkbox-inline{ float:right; padding-top:0;}

.access-panal .form-group .control-label input[type="checkbox"]{ margin-right:5px;}
.access-panal .form-group label.checkbox-inline{ margin:0 0 3px 0; padding:3px 10px 3px 30px; background-color:#eee;  border-radius:2px;}
.access-panal .form-group label.checkbox-inline.active{ background-color:#6BCCB4; color:#fff; border-color:#58C5AA;}

.multicheck input[type="checkbox"]{ margin-right:5px;}
.multicheck label.checkbox-inline{ margin:0 5px 3px 0; padding:3px 10px 3px 30px; background-color:#f2f2f2; border-radius:2px; border:1px solid #eee;}
.multicheck label.checkbox-inline.active{ background-color:#6BCCB4; color:#fff; border-color:#58C5AA;}

/* ---------- timeline---------- */
.timeline{ z-index:1;}
.timeline .list-table .badge, .timeline .list-table .label{ font-size:12px; height:20px;}
.timeline li .panel-footer .img-group-stack{ float:right;}
.timeline li .panel-footer .img-group-stack ul{ list-style:none; margin-left:-20px;}
.timeline li .panel-footer .img-group-stack li.text{ padding-right:15px; color:#999;}
.timeline li .panel-footer .img-group-stack li{ height:40px; line-height:40px; float:left;}
.timeline li .panel-footer .img-group-stack li + li{ margin-left:-10px;}
.timeline li .panel-footer .img-group-stack li img{ border:2px solid #fff; height: 38px;width: 38px; position:relative; z-index:1;}
.timeline li .panel-footer .img-group-stack li.active img{ border-color:#7ca4d2; z-index:2;}

.timeline li.loadmore{text-align:center; clear:both; position:relative; z-index:1;}
.timeline li.loadmore a{transition:all 0.5s ease 0s; display:inline-block;  background-color:#DDE4E6;  border-radius:11px; line-height:20px; color:#aaa; font-size:13px; font-weight: bold; padding:2px 15px;}
.timeline li.loadmore a:hover{ background-color:#7ca4d2; color:#fff;}

/* ---------- examine---------- */
.table-email .meta p.date{ color:#555555; font-size: 11px;padding-right: 0;}
.table-email td input[type="checkbox"], .table-email th input[type="checkbox"]{width:16px; height:16px;}
.table-email td .ico-star-empty, .table-email td .ico-star{ cursor:pointer; font-size:1.5em;}
.table-email td .ico-star{color:#FFD66A;}
.table-email td .ico-star-empty{color:#94AAB0}
.table-email tbody tr td{ line-height:18px;}
.table-email tbody tr td.message  h5.heading{ margin-bottom:5px;}
.table-email td a{ display:inline-block; line-height:20px; margin-right:10px; padding:2px 10px; background-color:#f0f0f0; border-radius:3px;}
.table-email td a:hover{ background-color:#fff; }
.table-email td.message hr{border-color:#e0e0e0; border-style: dotted;}



/* order list message */
.message-panel.order-message .message-layout .panel-body{ border-top: 1px solid #cfd9db; bottom: 140px;left: 0; overflow-y: auto;padding: 0;position: absolute;top: 40px;transition: all 0.4s ease 0.2s;width: 100%;}
.message-panel.order-message .message-layout .panel-footer{ height: 140px;}
.message-panel.order-message #submitMessage.large-btn{ height: auto; line-height: 18px;}

/* case  */
.casepanel .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:first-child.active a{ background-color:#fff;}
.casepanel .message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:nth-child(2).active a{ background-color:#ecf0f1;}

.message-layout .panel-body.tab-content{ padding:0; position:absolute; top:70px; left:0; bottom:160px; width:100%; overflow-y:auto;transition:all 0.4s ease 0.2s;}
.messagescroll {padding:10px 0 0;background-color:#ecf0f1; min-height:100%;}
#casedetail{ bottom:180px;}
.casepanel .message-layout .panel-footer{ height:180px;}
#main .casepanel  .message-layout .panel-footer{padding-top:45px;}
.casepanel .message-layout .panel-footer textarea{height:60px;}
.casepanel .message-layout .panel-footer .row{ position:absolute; left:15px; top:5px; width:100%;}


.message-info .dropdown-menu{ width:420px; padding:10px;}
.message-info .dropdown-menu li{ padding:5px 10px 5px 120px; min-height:20px; display:block; position:relative; line-height:20px; border-bottom:1px solid #eee;}
.message-info .dropdown-menu li:last-child{ border:0;}
.message-info .dropdown-menu li .title{ position:absolute; width:100px; text-align:right; line-height:20px; top:5px; left:10px;}
.message-info .dropdown-menu li a{ display:inline; padding:0 !important; background-color:transparent; color:#7ca4d2;}

.message-panel .messagescroll .media-object{ background-color:#ccc; border-radius:8px; text-align:center; width:50px; border:2px solid #fff;}
.message-panel .messagescroll .media .media-object:after{border-color:transparent #fff transparent transparent;}
.message-panel .messagescroll .media-list{ margin:0;}
.message-panel .messagescroll .media-list .title{ font-weight:bold; padding-bottom:5px; display:block;}
.message-panel .messagescroll .media-list .title .badge{ margin-left:10px; font-size:12px; height:auto;}
.message-panel .messagescroll .media-list .title .badge:hover{ background-color:#60c8ae;}
.message-panel .messagescroll .media-list .media-text{ background-color:#fff;}
.message-panel .messagescroll .media-list .media-text p{ word-break:break-all; word-wrap:break-word; line-height:20px; margin:0;}
.message-panel .messagescroll .media-list li .btn-group{ display:inline-block; padding-left:10px;}
.message-panel .messagescroll .media-list li .btn-group button{ transition:all 0.5s ease 0s;}
.message-panel .messagescroll .media-list li .btn-group button.active, .messagescroll .media-list li .btn-group button:active{ background-color:#7ca4d2; color:#fff; border-color: #6285ad; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);}
.message-panel .messagescroll .media-list .media-object i{ font-size:30px; line-height:50px; color:#fff; background-color: transparent;}
.message-panel .messagescroll .media-list .media.media-right .media-object{ background-color:#63D3E9; border-color:#9fe9f8; margin-right: 0;}
.message-panel .messagescroll .media-list .media.media-right .media-text{ background-color:#7ca4d2; text-align:left;}
.message-panel .messagescroll .media-list .media.media-right .media-object:after{border-color:transparent transparent transparent #7ca4d2;}
.message-panel .messagescroll .media-list .media-body p.media-meta{ color:#999; font-weight:bold;}
.message-panel .messagescroll .media-list .media .media-body{ margin-right:70px;}
.message-panel .messagescroll .media-list .media.media-right .media-body{ margin-left:70px; margin-right:0;}

.enclosure{ display:inline-block; margin:5px; position:relative; height:100px; overflow:hidden; border-radius:6px;}
.enclosure img{ height:100px;}
.enclosure.enclosurebig {width: auto; height: auto; max-width: 500px; height: 500px;}
.enclosure.enclosurebig img {width: auto; height: auto; max-width: 500px; height: 500px;}

.message-panel .messagescroll .media-list .media-text p + .imggroup{ margin-top:10px;}
.message-panel .messagescroll .media-list .imggroup .magnific{ display:inline-block; margin:5px; position:relative; height:100px; overflow:hidden; border-radius:6px;}
.message-panel .messagescroll .media-list .imggroup .magnific:before{ transition: opacity 0.5s ease-in-out; -moz-opacity:0; -webkit-opacity:0; opacity:0;filter: alpha(opacity=0); width:100%; height:100px; line-height:100px; position:absolute; background-color:#333; color:#fff; font-size:3em; text-align:center; content:"\e1bc"; font-family: "iconfont";}
.message-panel .messagescroll .media-list .imggroup .magnific:hover:before{ -moz-opacity:0.5; -webkit-opacity:0.5; opacity:0.5; filter: alpha(opacity=50);}
.message-panel .messagescroll .media-list .imggroup .magnific img{ height:100px;}
.message-panel .messagescroll .media-list .imggroup .magnific.magnificbig {width: auto; height: auto; max-width: 500px; height: 500px;}
.message-panel .messagescroll .media-list .imggroup .magnific.magnificbig img {width: auto; height: auto; max-width: 500px; height: 500px;}

.message-panel .messagescroll .media-list .order-info{padding: 8px 15px;}
.message-panel .messagescroll .media-list .order-info .media-body{ background-color:#fff; padding:35px 8px 8px; border-radius:6px;position: relative; overflow:inherit;}
.message-panel{width:60%; height:100%; background-color:#fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);position: fixed;right:-60%; top:0; z-index:1031; transition:all 0.4s ease 0.2s;}
.message-panel.opened,.message-panel.ebay-type.opened{ right:0;}
.message-panel.ebay-type{ width: 80%; right: -80%;}
.order-info .media-body .readmore{ position:absolute; right:8px; top:8px;}

.order-info .sidelabel{position:absolute; width:100px; padding:0 5px; color:#fff;font-size:14px ;font-weight:bold;left:-5px;border:none;top:5px;line-height:24px;background-color:#999; text-align:center; z-index:1;}
.order-info .sidelabel:before{display:inline-block;content:"";position:absolute;top:-8px;right:-5px;border-style:solid;border-color:transparent transparent transparent #fff;border-width:20px 15px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);}
.order-info .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;left:1px;border-style:solid;border-color: #333 transparent transparent #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}


.messagescroll .media-list .loadmore{ height:2px; background-color:#e0e0e0; text-align:center; clear:both; margin:10px 0;}
.messagescroll .media-list .loadmore a{ position:relative; transition:all 0.5s ease 0s; top:-11px; display:inline-block; background-color:#e0e0e0; border-radius:13px; line-height:20px; color:#9a9a9a; font-size:13px;font-weight: bold; padding:2px 15px; text-align: center;}
.messagescroll .media-list .loadmore a:hover{ background-color:#7ca4d2; color:#fff;}


.message-layout .panel-footer{ bottom:0; width:100%; height:160px; position:absolute; left:0; overflow:inherit; transition:all 0.4s ease 0.2s; background-color:#fff;}
.message-layout .panel-footer textarea{ height:80px; word-break:keep-all; position:relative; transition:all 0.5s ease 0s; }
.message-layout .panel-footer textarea:focus{ height:240px; margin-top:-170px; z-index:2;}

.evaluate strong{ padding-left:5px;}
.message-layout .panel-footer .panel-toolbar-wrapper{position:relative; margin-top:5px;}
#submitMessage{ position:absolute; right:0; top:0; padding:10px 15px; font-size:20px;}
#submitMessage.large-btn{ padding:10px 20px; letter-spacing:3px; height:62px; line-height:30px;}
#submitMessage.large-btn small{ line-height:20px; font-size:12px; letter-spacing:0px; font-weight:normal; position:absolute;  right:5px; bottom:1px;}


.quick-num-btn{ height:24px; margin-bottom:5px; display:inline-block;}
.quick-num-btn strong{ padding-right:5px;}
.quick-num-btn .btn{ line-height:16px; font-weight:bold; padding:3px 10px; margin:0 2px;}
.quick-num-btn .btn.active{ background-color: #7ca4d2;border-color: #6285ad; -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);}

.btn-messagehelp{font-size:24px; position:absolute; right:125px; top:10px; }
.btn-help{ -webkit-animation: wobble 3s linear infinite;-moz-animation: wobble 3s linear infinite;  animation: wobble 3s linear infinite;}

.quick-icon{height:30px; position:absolute; right:125px; bottom:-5px;}
.quick-icon a{ font-size:16px; color:#aaa;  transition:all 0.4s ease 0.2s; display:inline-block; padding:2px 5px; margin-left:5px; line-height:20px; background-color:#f8f8f8; border-radius:2px;}
.quick-icon a:hover{ color:#666; background-color:#eee;}
.quick-icon .attention.active{ color:#a87a01; background-color: #ffd66a; border-color: #ffd25b;}
.quick-icon .blacklist.active{ background-color: #2a2a2a;border-color: #222; color: #fff;}
.quick-icon.quick-new {height:30px; position:absolute; right: 0; top: 5px;}

.quick-reply{ position: fixed; right:57%; bottom:0; display:none; width:380px; z-index:1032;-moz-box-shadow:0 0 10px #666;-webkit-box-shadow:0 0 10px #666;-khtml-box-shadow:0 0 10px #666;box-shadow:0 0 10px #666;}

.quick-reply .panel-heading .panel-title, .quick-reply .panel-heading > .panel-toolbar{ height:30px;}
.quick-reply .panel-toolbar-wrapper .panel-toolbar{ height:34px;}
.quick-reply .panel-heading .option .btn{ padding-right:0; padding:8px 0 0;}
.quick-reply .panel-heading .option .btn i{ font-size:1.6em; color:#ccc;transition:all 0.5s ease 0s;}
.quick-reply .panel-heading .option .btn:hover i{ padding-right:0; color:#999;}
.quick-reply .panel-body{max-height:485px; overflow-y:auto; padding:10px;}
.quick-reply .panel-toolbar .info{ display:table-cell; height:40px; vertical-align:middle; font-size:12px; font-weight:normal; color:#999;}
.quick-reply .panel-toolbar .info i{ padding-right:5px;}
.quick-reply:after { border-color: transparent transparent transparent #CFD9DB; border-width: 10px 0 10px 10px;left: auto; right: -10px;border-style: solid;content: ""; height: 0; position: absolute; bottom:15px; width: 0;}
#main .quick-reply .panel-footer{ padding-top:0; padding-bottom:0;}
.quick-reply .alert.alert-warning{ cursor:pointer; position:relative; overflow:hidden; padding:5px 5px 5px 15px; margin:0;}
.quick-reply .alert.alert-warning + .alert-warning{ margin-top:10px;}
.quick-reply .alert.alert-warning p{ line-height:16px; max-height:32px; overflow:hidden; color:#666;}
.quick-reply .alert.alert-warning .hotkey{ position:absolute; font-weight:bold; font-size:10px; right:5px; top:5px; color:#7ca4d2;-webkit-animation: keyOpacity 2s linear infinite;-moz-animation: keyOpacity 2s linear infinite;  animation: keyOpacity 2s linear infinite;}
@-webkit-keyframes keyOpacity{0%{opacity:1;}50%{ opacity:0.2;}100%{opacity:1;}}
@-moz-keyframes keyOpacity{0%{opacity:1;}50%{opacity:0.2;}100%{opacity:1;}}
@keyframes keyOpacity{0%{opacity:1;}50%{ opacity:0.2;}100%{opacity:1;}}

.quick-reply .panel-ribbon:after {border-color:#da9e00 transparent transparent; border-style: solid; border-width: 25px 25px 0 0 ;content: "";height: 0; left: 0; position: absolute;top: 0; width: 0;}
.quick-reply .panel-ribbon span {color:#fff; font-family: tahoma;font-size: 10px; font-weight: bold; left: 4px; line-height: 20px;  position: absolute; top: -3px; z-index: 1;}

.insertimage .dropdown-menu{ width:250px; padding:10px;}
.insertimage .dropdown-menu li{ padding:5px 35px; min-height:20px; position:relative; line-height:20px; border-bottom:1px solid #eee;}
.insertimage .dropdown-menu li.dropdown-header{ padding:5px 0; text-align:center;}
.insertimage .dropdown-menu li:last-child{ border:0;}
.insertimage .dropdown-menu li .photo{ position:absolute; left:0; top:0; width:30px; height:30px; background-position: center top;background-repeat: no-repeat; background-size: cover;overflow: hidden;}
.insertimage .dropdown-menu li .close{position:absolute; right:5px; top:5px; font-size: 21px !important;}
.insertimage .dropdown-menu li strong{ display:block;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.insertimage .dropdown-menu li.uploading strong{ display:none;}
.insertimage .dropdown-menu li.uploading .progress-bar-success{ display:block;}
.insertimage .dropdown-menu li .progress-bar-success{ display:none;}


.message-detail .panel.order, .message-detail .panel.notes{ overflow: inherit;}
.message-detail .panel.order .dropup .product{ padding-right:40px;}
.message-detail .panel.order .dropup .product .badge{ position:absolute; right:10px; top:7px; background-color:#7ca4d2; color:#fff;}
.message-detail .panel.order .panel-toolbar-wrapper{background-color:transparent; border:0; padding:0;}
.message-detail .panel.order .dropup .dropdown-menu{ max-width:450px;}
.message-detail .panel.order .dropup .dropdown-menu a{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.message-detail .panel.order .dropup .dropdown-menu a .badge{ margin-right:5px;}
.message-detail .panel.order .dropup .dropdown-menu a:hover .badge{ background-color:#fff;}

.message-detail .panel.notes .input-group-btn .btn .text{ padding:0 5px;}

.message-detail .panel.info .modal-body{ padding:5px 15px; border-top:1px solid #cfd9db; background-color:transparent;}
.message-detail .panel.info .modal-content{ -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; box-shadow:none;}
.message-detail .panel.info .form-horizontal.form-bordered .form-group{ padding-top:5px; padding-bottom:5px;}
.message-detail .panel.info .modal-footer{padding:9px 20px 10px;}

.message-detail .panel.relatet{border-bottom: 1px solid #cfd9db; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

.keyword-group{ clear:both; margin-top:5px; height:60px; overflow-y:auto; border:1px solid #CFD9DB; background-color:#fff; padding:5px; min-height:20px;}
.keyword-group .keyword-label{ display:inline-block; vertical-align:baseline; border-radius:3px; background: #EFEFEF; color: #333;margin: 0 4px 2px 0;padding: 1px 5px; line-height:22px;}
.keyword-group .keyword-label:hover{ background-color:#e8e8e8;}
.keyword-group .keyword-label .close{ margin-left:5px;}

.keyword-group.min{ height:36px;}


.keyword-group .keyword-label.flicker{-webkit-animation: flickerShadow 2s linear infinite;-moz-animation: flickerShadow 2s linear infinite;  animation: flickerShadow 2s linear infinite;}
@-webkit-keyframes flickerShadow{0%{ -webkit-box-shadow:inset 0 0 6px #63d3e9;}50%{-webkit-box-shadow:inset 0 0 8px #7ca4d2; color: #7ca4d2;}100%{ -webkit-box-shadow:inset 0 0 6px #63d3e9;}}
@-moz-keyframes flickerShadow{0%{-moz-box-shadow:inset 0 0 6px #63d3e9;}50%{-moz-box-shadow:inset 0 0 8px #7ca4d2;color: #7ca4d2;}100%{-moz-box-shadow:inset 0 0 6px #63d3e9;}}
@keyframes flickerShadow{0%{transform:box-shadow:inset 0 0 6px #63d3e9;}50%{box-shadow:inset 0 0 8px #7ca4d2;color: #7ca4d2;}100%{transform:box-shadow:inset 0 0 6px #63d3e9;}}



#orderproduct .panel-toolbar-wrapper{ padding:0; border:0;}


#messagescrolldetail .ui-resizable-handle{border-bottom: 1px solid #cfd9db; background-color:#eee; cursor: s-resize;height: 8px; width: 100%; position:absolute; bottom:0; left:0;}
#messagescrolldetail .ui-resizable-handle .note-icon-bar{border-top: 1px solid #ccc;margin: 1px auto; width:80px;}
#messagescrolldetail .ui-resizable-handle:hover{background-color:#f9f9f9;}


/* message sutra*/
.modal-message{ background-color:rgba(255,255,255,0.6);}
.modal-message .modal-dialog{ width: 1000px; margin: 5px auto;}
#main .modal-message .indicator{ border-radius: 0; position: fixed;}
#main .modal-message .indicator .spinner{ padding:10px 10px 10px 60px; width: 200px; height: 50px; border-radius:25px;background-color: #fff;-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);background-position: 20px center;}
.modal-message .close{opacity: 1; color:#c0c0c0; font-size: 50px; position: fixed; right: 20px; top: 10px; transition: all 0.5s ease 0s; z-index: 1035; -webkit-transform:translateZ(0px);}
.modal-message .close:hover{color:#7ca4d2; opacity: 1;}

.modal-message .arrow-prev, .modal-message .arrow-next{ padding:0; background-color: transparent; border: 0; position: fixed; top: 50%; width: 50px; height: 100px; text-align: center; line-height: 100px; margin-top: -50px; font-size: 40px;color: #c0c0c0; border-radius: 5px; -webkit-transform:translateZ(0px);}
.modal-message .arrow-prev:hover, .modal-message .arrow-next:hover{ color: #fff; background-color: rgba(0,0,0,0.2); border-radius: 5px;}
.modal-message .arrow-prev{ left: 20px;}
.modal-message .arrow-next{ right: 20px;}
.modal-message .arrow-prev.disabled, .modal-message .arrow-next.disabled, .modal-message .arrow-prev.disabled:hover, .modal-message .arrow-next.disabled:hover{ color: #ccc; background-color: transparent;}

.modal-message .modal-content{ -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border: 0; background-color: transparent; min-height: 100%;}
.modal-message .modal-content .panel{ border-radius: 0; border:0; -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4); box-shadow: 0 1px 5px rgba(34, 25, 25, 0.4);}
.modal-message .modal-content .panel-heading, .modal-message .modal-content .panel-footer{border-radius: 0;}

.modal-message .message-panel{ height: auto; position: relative; right: auto; top: auto; width: 100%; z-index: auto;}
.modal-message .media-list{ margin-bottom: 0;}
.modal-message .messagescroll{ height: 407px; overflow-y: auto; overflow-x: hidden;}

.modal-message  #submitMessage{position:inherit; right: auto; top:auto; font-size: 13px; line-height: 18px; padding: 7px 12px;}
.modal-message .message-panel .panel-footer{ overflow: inherit;}

.modal-message .productTr{ margin: 0; padding: 10px; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.modal-message .productTr th, .modal-message .productTr td{word-break: break-all;word-wrap: break-word;}

.modal-message .quick-reply{ position: relative; display: block; right: auto; width: 100%; z-index: auto; bottom: auto;}
.modal-message .quick-reply:after{ display: none;}
.modal-message .quick-reply .panel-body{height: 485px; overflow-y: auto; overflow-x: hidden;}

.modal-message .panel-footer textarea{ height:80px; word-break:keep-all; position:relative; transition:all 0.5s ease 0s; }
.modal-message .panel-footer textarea:focus{ height:140px; margin-top:-60px; z-index:2;}

.insertexpression img{ height: 16px;}
.insertexpression .dropdown-menu{ width: 290px; padding: 5px 0 5px 5px;}
.insertexpression .dropdown-menu::before, .insertexpression .dropdown-menu::after{ display: block; content: ""; clear: both; height: 0;}
.insertexpression .dropdown-menu li{ float: left; width: 12.5%; margin-right:-1px; margin-bottom:-1px;}
.insertexpression .dropdown-menu li a{ display: block; border: 1px solid #e0e0e0; padding: 5px 0 !important; text-align: center; vertical-align: middle;  position: relative;}
.insertexpression .dropdown-menu li a img{ vertical-align: middle;}

/* order */
.search-panel.large-list-search{ margin:0; }
.large-list-search .btn-group{ margin-bottom:5px;}
.large-list-search .btn-group .input-group{ width:250px;}
.large-list-title { position:relative;}
.large-list-title .btn-add{ position:absolute; top:5px; right:10px;}


.quick-label-group{ margin-bottom: 10px;}
.quick-label{ background-color: #ddd; color: #666; border-radius: 3px; line-height: 26px; display: inline-block; padding: 0 10px 0 15px; position: relative;cursor: pointer;}
.quick-label:hover{ background-color: #eee; color: #2f4690;}
.quick-label .badge{ background-color: #fff; height: auto; line-height: 14px; color: #999;}
.quick-label .badge.badge-danger {background-color: #ed5466; color: #fff;}
.quick-label + .quick-label{ margin-left: 5px; }
.quick-label:before{border-color: transparent transparent transparent #fff;border-style: solid;border-width: 13px 0 13px 5px;content: "";height: 0;position: absolute; left:0;top: 0; width: 0;}
.quick-label.active{ background-color: #7ca4d2; color: #fff;}
.quick-label.active .badge{ background-color: #6bccb4; color: #fff;}
.quick-label.active .badge.badge-danger {background-color: #ed5466; color: #fff;}
.quick-label.active:after{ content:"";border-style: solid; height: 0;position: absolute; width: 0;border-color: #7ca4d2 transparent transparent transparent;border-width: 7px 7px 0;bottom: -7px;left: 50%;margin-left: -7px;}
.quick-dropdown {display: inline-block; position: relative; padding-bottom: 2px;}
.quick-dropdown:hover .dropdown-menu {display: block;}
.quick-label .dropdown-menu .badge {background-color: #ddd;}
.quick-label .dropdown-menu a:hover .badge {background-color: #fff;}
.quick-dropdown.active .quick-label{ background-color: #7ca4d2; color: #fff;}
.quick-dropdown.active .quick-label .badge{ background-color: #6bccb4; color: #fff;}
.quick-dropdown.active .quick-label.badge.badge-danger {background-color: #ed5466; color: #fff;}
.quick-dropdown.active .quick-label .dropdown-menu a:hover .badge {background-color: #6bccb4; color: #fff;}
/*.quick-dropdown.active .quick-label:after{ content:"";border-style: solid; height: 0;position: absolute; width: 0;border-color: #7ca4d2 transparent transparent transparent;border-width: 7px 7px 0;bottom: -7px;left: 50%;margin-left: -7px; z-index: 1001;}*/


.quick-label-group.white-group{ margin-left: 30px; margin-bottom: 15px;}
.quick-label-group.white-group .quick-label:before{border-color: transparent transparent transparent #fff;}
.quick-label-group.white-group .quick-label:hover{ color: #7ca4d2; background-color: #f0f0f0;}
.quick-label-group.white-group .quick-label.active{background-color: #7ca4d2; color: #fff;}


.srciptItem li{ position:relative;}
.srciptItem li a{padding-right:30px !important;}
.srciptItem li .close{ position:absolute; right:5px; top:3px; }

.print-group{border:1px solid #ccc; margin:5px 0; border-radius:5px; background-color:#eee;}
.print-group .form-group{ border:0 !important;}

.order-title .btn-default:hover, .order-title .btn-default:active, .order-title .btn-default:focus, .order-title .btn-default:active:focus{background-color: #f5f5f5;border-color: #cfd9db; color: #6a6a6a;}
.order-title .btn-default.active:hover, .order-title .btn-default.active:focus{background-color: #ededed; border-color: #c6d2d5;color: #777;}

.panel-footer.table-control{overflow: inherit; position: relative;}
.page-nav .input-group{ display:inline-block; width:110px;}
.page-nav .input-group .form-control{ width:55px; display:inline-block; border-radius:4px 0 0 4px;}
.page-nav .input-group .btn-default{ margin-left:-1px;}
.page-nav .btn{ padding:7px 8px;}
.order-label i, .order-label img{ cursor:help; font-size:14px; }

.panel .panel-toolbar > .option.option-lg > .btn .arrow, .panel .panel-toolbar > .option.option-lg > .btn .reload, .panel .panel-toolbar > .option.option-lg > .btn .remove{ font-size: 24px;}
.panel .panel-toolbar > .option.option-lg > .btn .arrow:before{ content:"\e6e6";}
.panel .panel-toolbar > .option.option-lg > .btn.up > .arrow::before{content:"\e6e7";}

.autoscrolllist{background-color: transparent;max-width: 100%; font-size:12px;}
.autoscrolllist ul{ margin:0; padding:0; list-style:none;}
.autoscrolllist ul.list-title li{ border-top:0;border-bottom:none; background-color:#eee; color:#5e5e5e;}
.autoscrolllist ul.list-title li .title{ display:block; border-bottom:1px solid #63d3e9;}
.autoscrolllist ul.list-title li a{ color:#333; }
.autoscrolllist ul.list-title li a:hover{ color:#555;}
.autoscrolllist li{border-top:1px solid #cfd9db;}
.autoscrolllist li li, .autoscrolllist ul.list-title li li{ display: table-cell; min-width:1%; vertical-align:middle; border:0; padding:5px 3px; word-wrap: break-word; word-break: break-all;}
/*.autoscrolllist li li>span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:block;}*/
.autoscrolllist.publish-table li li span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap; display:block;}
.autoscrolllist li li span.caret{ display:inline-block;}
.autoscrolllist li li span .order-label{ display:inline;}
.autoscrolllist li li .dropdown-menu{ margin:2px 0 0; padding: 5px 0;}
.autoscrolllist li li .dropdown-menu li{ display:block; line-height: 20px; padding:0;}
.autoscrolllist ul.list-body>li>ul, .autoscrolllist ul.list-title>li>ul{ display: table; width:100%; table-layout:fixed;}
span.ellipsis{ display:block;}
.list-body .waybill-number>span {position: relative;max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; padding-right: 15px;}
.list-body .waybill-number>span a {position: absolute; right: 0; top:3px;}
.ellipsis-row .text {position: relative;max-width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: inline-block; padding-right: 18px;}
.ellipsis-row .text  a.btnico {position: absolute; right: 0; top:3px;}

/*.autoscrolllist ul.list-title li li.sorting, .autoscrolllist ul.list-title li li.sorting_asc, .autoscrolllist ul.list-title li li.sorting_desc{ cursor:pointer; }
.autoscrolllist ul.list-title li li.sorting:before, .autoscrolllist ul.list-title li li.sorting_asc:before, .autoscrolllist ul.list-title li li.sorting_desc:before{color:#fff;font-family: iconfont; font-size: 12px; margin-right:5px; position: relative;speak:none;}
.autoscrolllist ul.list-title li li.sorting:before{content:"\e6c3";}
.autoscrolllist ul.list-title li li.sorting_asc:before {content:"\e6be";}
.autoscrolllist ul.list-title li li.sorting_desc:before {content:"\e6bf";}*/

.table th .sorting, .table th .sorting_asc, .table th .sorting_desc, ul li .sorting, ul li .sorting_asc, ul li .sorting_desc{ cursor:pointer; display:inline-block !important; position:relative; padding-right:10px;}
.table th .sorting:after, .table th .sorting_asc:after, .table th .sorting_desc:after, ul li .sorting:after, ul li .sorting_asc:after, ul li .sorting_desc:after{color:#7ca4d2; font-family: iconfont; top:2px; right:0; position:absolute; speak:none;}
.table th .sorting {color:#333;}
.table th .sorting:after, ul li .sorting:after{content:"\e6c3";}
.table th .sorting_asc:after, ul li .sorting_asc:after{content:"\e6be";}
.table th .sorting_desc:after, ul li .sorting_desc:after{content:"\e6bf";}

.autoscrolllist ul.list-body>li.active{ background-color:#f5f5f5 !important;}
.autoscrolllist ul.list-body>li:hover{ background-color:#fffcdd !important;}

.autoscrolllist a[data-field], .autoscrolllist span[data-field]{ display:inline-block;}
.autoscrolllist .table-condensed tbody tr:first-child td {border-top:none;}


#orderlist .detail-toggler{ font-size:14px;}
.productTr{position:relative; margin:10px 15px; background-color:#fff; border:1px solid #cfd9db;-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; -ms-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;/*box-shadow:#999 1px -1px, #9e9e9e 2px -2px, #a4a4a4 3px -3px,#acacac 4px -4px, #b1b1b1 5px -5px, #b7b7b7 6px -6px, #bdbdbd 7px -7px, #c3c3c3 8px -8px, #cacaca 9px -9px, #d2d2d2 10px -10px;*/}
.productTr tbody tr:hover{background-color:#f6f6f6;}
.productTr .table  tbody tr td{ padding:5px; font-weight:normal;}
.productTr .table  tr th{ padding:8px 5px; }
#main .panel .productTr .table tr > th, #main .panel .productTr .table > thead > tr > th{padding:5px; font-weight:normal; background-color:#f9f9f9; color:#5e5e5e;  line-height: 1em; border:0 !important;}
.productTr th .label{ font-size:12px; margin-right:5px; margin-left:20px;}
.list-body .photo span, .productTr td .photo span{display: inline-block; height: 100%;vertical-align: middle;}
.list-body .photo, .productTr td .photo{ width:48px; height:48px; position: relative; text-align:center; vertical-align: middle; margin:0 auto; display:block;-webkit-box-shadow: 0 0 0 1px #fff; -moz-box-shadow: 0 0 0 1px #fff; -ms-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff;}
.list-body .photo:hover, .productTr td .photo:hover{ background-color:#fff;}
.productTr td .photo span{ height:100%; display:inline-block;}
.list-body .photo img, .productTr td .photo img{ max-height:48px; max-width:48px; vertical-align:middle; }
.list-body .photo:hover, .productTr td .photo:hover{ -webkit-box-shadow: 0 0 0 1px #7ca4d2; -moz-box-shadow: 0 0 0 1px #7ca4d2; -ms-box-shadow: 0 0 0 1px #7ca4d2; box-shadow: 0 0 0 1px #7ca4d2;}
.list-body li .productTr td .photo{ width:34px; height:34px;}
.list-body li .productTr td .photo img{ max-height:34px; max-width:34px;}
.list-body .photo-lg{display: block;height: 75px;margin: 0 auto;text-align: center;vertical-align: middle;width: 75px; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee;}
.list-body .photo-lg img{max-height: 75px; max-width: 75px;vertical-align: middle;}
.list-body .photo-lg span{display: inline-block;height: 100%;vertical-align: middle;}

.photo-lg.promotion{ position: relative; -webkit-box-shadow: 0 0 0 2px #ed5466; -moz-box-shadow: 0 0 0 2px #ed5466; box-shadow: 0 0 0 2px #ed5466; overflow: hidden;}
.photo-lg.promotion:before{ width:100px; text-align:center; color: #fff;content: "促销"; font-size: 13px;font-weight: bold; left: -40px;line-height: 20px; display:block; background-color: #ed5466; position: absolute; top: 2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 2;}

.photo.sku-photo.main{position:relative;-webkit-box-shadow: 0 0 0 1px #63d3e9; -moz-box-shadow: 0 0 0 1px #63d3e9; -ms-box-shadow: 0 0 0 1px #63d3e9; box-shadow: 0 0 0 1px #63d3e9;}
.list-body .photo.sku-photo{ background-position: center center;background-repeat: no-repeat;background-size: cover; height: 40px;width: 60px;}
.sku-photo.main:before{border-color:transparent transparent #63d3e9; border-style: solid;border-width:0 0 19px 19px; content: "";height: 0; right:0;position: absolute;bottom:0;width: 0;z-index: 1;}
.sku-photo.main:hover:before{border-color:transparent transparent #7ca4d2;}
.sku-photo.main:after{ content:"\e661"; font-size: 12px; width: 12px; line-height: 12px; color: #fff; font-family:'iconfont'; right: 0; position: absolute;bottom:0;z-index: 2;}
.sku-photo.main.opened:after{content:"\e662";}

.list-body .photo.main-photo, .productTr td .photo.main-photo{position:relative;-webkit-box-shadow: 0 0 0 1px #da9e00; -moz-box-shadow: 0 0 0 1px #da9e00; -ms-box-shadow: 0 0 0 1px #da9e00; box-shadow: 0 0 0 1px #da9e00;}
.list-body .photo.main-photo:before, .productTr td .photo.main-photo:before{border-color: #da9e00 transparent transparent;border-style: solid;border-width: 24px 24px 0 0;content: "";height: 0; left: 0; position: absolute;top: 0;width: 0;z-index: 1;}
.list-body .photo.main-photo:after, .productTr td .photo.main-photo:after{color: #fff;content: "\e21c"; font-family: "iconfont"; font-size: 13px;font-weight: bold; left: 1px;line-height: 16px; position: absolute; top: 0;transform: rotate(-45deg);z-index: 2;}


.productTr .sidelabel{position:absolute; padding:0 15px 0 10px; color:#fff;font-size:12px ;font-weight:bold;left:-6px;border:none;top:4px;line-height:24px; text-align:center; z-index:1;}	
.productTr .sidelabel:before{display:inline-block;content:"";position:absolute;top:-3px;right:-3px;border-style:solid;border-color:transparent transparent transparent #f9f9f9;border-width:15px 12px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);}
.productTr .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;left:1px;border-style:solid;border-color: #333 transparent transparent #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}

.productTr .viewicon{ cursor:pointer; color:#7ca4d2;}
.productTr .viewicon:hover{color:#3071a9;}
.productTr .packageinfo{ height:32px; background-color:#fff;}
.productTr .packageinfo table{display:table; table-layout:fixed; width:100%; height:100%;}
.productTr .packageinfo table th{vertical-align: middle; word-break: break-all; word-wrap: break-word;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:5px; font-weight:normal;}
.productTr .order-label{ padding:0;}
.productTr .order-label i{ line-height:22px;}
.retreat{height:16px; display:inline-block; width:16px; cursor:help; background:url(../image/ico_retreat_gray.png) center no-repeat;}
.retreat.active{ background-image:url(../image/ico_retreat_active.png);}
.order-label .battery{height:16px; display:inline-block; width:16px; cursor:help; background:url(../image/ico_battery_gray.png) center no-repeat;}
.order-label .battery.active{ background-image:url(../image/ico_battery_active.png);}
.order-label .retreat{height:16px; display:inline-block; width:16px; cursor:help; background:url(../image/ico_retreat_gray.png) center no-repeat;}
.order-label .retreat.active{ background-image:url(../image/ico_retreat_active.png);}
.order-label .merge{height:16px; display:inline-block; width:16px; cursor:help; background:url(../image/ico_merge_gray.png) center no-repeat;}
.order-label .merge.active{ background-image:url(../image/ico_merge_active.png);}
.order-label .false{height:16px; display:inline-block; width:16px; cursor:help; background:url(../image/ico_false_gray.png) center no-repeat;}
.order-label .false.active{ background-image:url(../image/ico_false_active.png);}


.productTr .packageinfo.abnormity{ background-color:#f2f2f2;}

.productTr.photo-group{margin-top: 5px; padding: 5px 5px 0; overflow: hidden;}
.productTr.photo-group .photo{ float: left; margin: 0 0 5px;}
.productTr.photo-group .photo + .photo{ margin-left:5px;}


#main .panel #orderlist .productTr .table > thead > tr > th{ background-color:#eee; border-top: solid 1px #cfd9db !important;}

#orderlist .list-body li{ border-color:#c0c0c0; border-width:2px 0 0;}
#orderlist .list-body li:first-child{ border:0;}
#orderlist .list-body>li{ padding-bottom:5px;}

#orderlist .productTr{ margin:0 10px;-webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; box-shadow:none; overflow:hidden;border-radius:4px;}
#orderlist .productTr + .productTr{border-top-left-radius:0; border-top-right-radius:0; margin-top:-1px;}

.colorpicker{ padding-right:30px; position:relative;}
.color-code{ width:200px;}
.color-icon{ position:absolute; left:225px; top:7px; cursor:pointer; width:18px; height:18px; display:block; background-color:#fff;overflow:hidden;}
.color-icon .mask{ width:18px; height:18px; background:url(../image/colorpicker.gif) no-repeat;}
#colorpanel{ z-index:1060;-moz-box-shadow:0 0 5px #333; -webkit-box-shadow:0 0 5px #333; -ms-box-shadow:0 0 5px #333; box-shadow:0 0 5px #333;}
#CT{ width:100%;}
#_cclose{ font-size:1.2em; color:#999; display:inline-block; margin-top:3px;}
#_cclose:hover{color:#7ca4d2;}


.fieldgroup .field-item{background-color: #f2f2f2;border:1px solid #eee; border-radius: 2px; margin:0 3px 3px 0; padding:3px 5px; min-height:18px; position:relative; display:inline-block;}
.fieldgroup .field-item input{ background-color:transparent; border:0; padding:0; height:19px; max-width:85px;}
.fieldgroup .field-item input:focus{ color:#7ca4d2;}
.fieldgroup .field-item:hover{ background-color:#fff;}
#allfield .panel-title .checkbox-inline{ background-color:transparent; border:0;}

.form-import-map .table-responsive table{ table-layout:fixed; overflow:hidden;}
.form-import-map .table-responsive table thead > tr > th{ border-bottom:0 !important;}
.form-import-map .table-responsive table .first{ width:40px; text-align:center;}
.form-import-map .table-responsive table .serial, .form-import-map .table-responsive table .required{ width:50px; text-align:center;}
.form-import-map .table-responsive table .mappedserial, .form-import-map .table-responsive table .standfield{ width:40%;}
.form-import-map .table-responsive table tbody tr{ cursor:pointer;}

.form-import-map .btn-map{ margin-top:130px; margin-bottom:10px;}
.form-import-map .table-responsive table tbody > tr.active td{ background-color:#e9f9fc !important;}

.form-import-map .selectitem .badge + .badge, .form-import-map .standfield .badge + .badge{ margin-left:5px;}
.form-import-map .clearselect{ padding-bottom:1px; border-bottom:1px dotted #7ca4d2;}
.form-import-map .clearselect:hover{ border-color:#009dc8;}

.sku-mate td .input-group-sm + .input-group-sm{ margin-top:5px;}
.sku-mate td .input-group-sm .input-group-addon{ width:180px; color:#555;}
.sku-mate td .input-group-sm.has-success .input-group-addon, .sku-mate td .input-group-sm.has-error .input-group-addon{ color:#fff;}
.sku-mate td .input-group-sm .input-group-addon span{ display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.detall-time {padding:0; list-style:none;  width:100%; display: table; margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px solid #7ca4d2;}
.detall-time li{position:relative; display: table-cell;}

.detall-time li:before{content:"";height:4px; background-color:#ccc;position:absolute;width:100%;left:0;top:50%; margin-top: -2px;}


.detall-time li.first:before{ width:50%; left: 50%;}
.detall-time li.last:before{ width:50%;}
.detall-time li.last:after{ display: none;}
.detall-time li.single:before, .detall-time li.single:after{ display: none;}

.detall-time li.arrow{ text-align: center; vertical-align: top; width:70px;}
.detall-time li.arrow .arrow-text{ line-height: 20px; color: #666; margin-top:2px; display: block;}
.detall-time li.arrow :after{border-color: transparent transparent transparent #ccc;border-style: solid; border-width: 10px 0 10px 10px;content: ""; height: 0;position: absolute;left:50%;top: 50%;width: 0; margin-top: -10px; margin-left: -5px;}


.detall-circle {width:60px; height:60px; display: block; margin:0 auto; background:#fff; position:relative; border-radius:50%; text-align:center; color:#999; z-index:2; border:3px solid #ccc; color: #7ca4d2;}
.detall-circle:hover{ border-color: #ccc;}
.detall-circle .label{ position: absolute; top:0; left: 80%; background-color: #7ca4d2; color: #fff;}
.detall-circle .large-icon{ line-height: 30px; margin-top: 5px; font-size: 2em;  display: block;}
.detall-circle .step{ line-height: 1; display: block;}

.detall-time li.active .detall-circle{background-color:#7ca4d2;color:#fff; border-color:#d3f3f9;}
.detall-time li.active .detall-circle .label{ background-color: #63d3e9;}

.detall-time li.active .detall-circle:before{border-color: transparent transparent #7ca4d2 transparent ;border-style: solid; border-width:0 10px 10px 10px; content: ""; height: 0; position: absolute;left:50%;bottom:-14px;width: 0; margin-left: -10px; z-index: 1;}
.detall-time li.active .detall-circle:after{border-color: transparent transparent #ecf0f1 transparent ;border-style: solid; border-width:0 10px 10px 10px; content: ""; height: 0; position: absolute;left:50%;bottom:-15px;width: 0; margin-left: -10px; z-index: 2;}

.detall-time li.fail .detall-circle{color:#ed5466;}
.detall-time li.fail .detall-circle .label{ background-color: #ed5466; color: #fff;}
.detall-time li.fail.active .detall-circle{background-color:#ed5466; color:#fff; border-color:#faccd1;}
.detall-time li.fail.active .detall-circle .label{ background-color: #fff; color: #ed5466;}


/* transport */
.labelchoose{ position:relative; padding-left:300px; height:290px; margin-top:5px;}
.labelchoose .largelabel{ position:absolute; width:283px; height:283px; left:0; top:0; border:2px solid #999; box-sizing:content-box; background:url(../theme/image/loading-bubbles.svg) center no-repeat;}
.labelchoose .largelabel img{width:283px; height:283px;}
.labelchoose .labelgroup{ border-radius:10px; background-color:#f2f2f2;}
.labelchoose .labelgroup ul{ margin:0; padding:5px; list-style:none;}
.labelchoose .labelgroup li{ width:150px; height: 110px; text-align:center; display:block; padding:5px; margin:0; float:left; box-sizing:content-box; transition:all 0.5s ease 0s;}

.labelchoose .labelgroup li .photo{width:72px; height:72px; margin:0 auto; border:1px solid #c0c0c0; margin-bottom:3px; position:relative; background-color:#fff;}
.labelchoose .labelgroup li:hover .photo{-webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc;box-shadow: 0 0 10px #ccc;}

.labelchoose .labelgroup li.active .photo{ border-color:#7ca4d2;}
.labelchoose .labelgroup li.active .photo:before{ position:absolute; right:3px; bottom:-5px; font-size:20px; content:"\e72a"; font-family: "iconfont"; color:#7ca4d2;}
.labelchoose .labelgroup li .photo img{width:70px; height:70px; vertical-align:top;}
.labelchoose .labelgroup li .labelname{ line-height:22px; margin:0; padding:0; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.labelchoose .labelgroup li.active .labelname{ color:#7ca4d2;}
.labelchoose .labelgroup li .btn-xs{ margin:0 auto; font-size:12px; display:none;}
.labelchoose .labelgroup li:hover .labelname{ display:none;}
.labelchoose .labelgroup li:hover .btn-xs{ display: inline-block;}


.modal-lg .labelchoose .labelgroup li{ width:25%; box-sizing: border-box; cursor: pointer;}


.panel.condition{ margin-bottom:0; border-bottom-width:1px;}
.panel.condition + .panel.condition{ margin-top:5px;}
.form-group .panel.condition .panel-heading{ background-color:#fafafa;}
.panel.condition .panel-heading .panel-toolbar{ height:20px; padding:5px 0;}
.panel.condition .panel-heading .panel-toolbar .selectitem{ padding-left:15px;}
.panel.condition .panel-heading .panel-toolbar .selectitem .item{ padding-left:8px;}
.condition.active .panel-heading{ cursor:n-resize;}
.condition.active .panel-heading .form-control{ height:20px; margin-left:10px; width:80px; padding:0 5px; display:inline-block;}
.condition.active .panel-heading .options-item{ padding-top: 0; display:inline-block;}
.condition.active .panel-heading input.form-control{ text-align:center;}
.condition.active .panel-heading .form-control.large{ width:140px;}
.condition .panel-toolbar .form-control, .condition .panel-toolbar .options-item{ display:none;}
.condition .panel-heading .checkbox-inline{ color:#999;}
.condition.active .panel-heading .checkbox-inline{ color:#7ca4d2;}
.condition .panel-heading .checkbox-inline{ padding-top:0;}
.condition .panel-body{ padding:5px 15px;}
.condition .panel-body .nav > li > a{ padding:5px 15px;}
.condition-list{ padding-left:24px;}
.condition-list li{ display:none; line-height:20px; font-size:14px;}
.condition-list li + li{ margin-top:5px;word-wrap: break-word; word-break: break-all;}
.condition-list .selectitem{padding:0 5px;}
.condition-list .item{color:#7ca4d2; word-wrap: break-word; word-break: break-all;}
.condition-list .item + .item{ padding-left:5px;}

#address-control .btn-remove{ display:none; color: #7ca4d2; width:16px; height:16px; text-align:center; line-height:16px; overflow:hidden;  cursor: pointer;  position: absolute; right: -5px;   top: -5px; background-color:#fff; border-radius:50%;}
#address-control .btn-remove:hover{ color:#009dc8;}
#address-control li:hover .btn-remove{ display:block;}
#address-control li a:hover{ background-color:#63d3e9; color:#fff}
#address-control li.active a:hover{background-color: #7ca4d2;}

/* scan */
.scan-info{position:relative; padding:10px 10px 10px 260px; min-height:135px;}
.scan-info .alert{ margin:0; min-height:135px;}
.scan-info .alert strong{ padding:0 5px; color:#2a2a2a;}
.scan-info .title{ margin:0; font-weight:bold; line-height:40px; font-size:30px;}
.scan-info .info{ margin-top:10px; font-size:22px; line-height:24px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; line-height:30px;}
.scan-info .info span + span{ padding-left:10px;}
.scan-info .scan-group{ width:240px; position:absolute; top:10px; left:10px;}

.order-result{ position:relative; padding-left:260px;}
.order-result .order-info{width:250px;position:absolute; top:0; left:0;}
.order-result .order-info .large-image{ text-align:center;width:250px; height:250px; overflow:hidden; background-color:#fff; border-radius:10px; background-repeat:no-repeat; background-position:center; background-repeat:no-repeat; -moz-background-size: contain;-webkit-background-size: contain;-o-background-size: contain;background-size: contain;}
.order-result .order-info .large-image img{vertical-align: middle; height:100%; width:100%;}

#scanorder .num-wait, #scanorder .num-result{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px;}
#scanorder .num-result{height:45px;}
#scanorder tr.complete td{background-color:#ed5466; color:#fff;}
#scanorder tr.complete td .text-accent{color:#fff !important;}
#scanorder tr.complete td .state{ font-size:20px; font-weight:bold; color:#fff !important;}

#shiptable span{ display:block; word-break: break-all; word-wrap: break-word;}
.table-break .break{display:block; word-break: break-all; word-wrap: break-word;}
.table-fixed {table-layout: fixed;}
.table-fixed .fixed{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table-fixed th, .table-fixed td{word-break: break-all;word-wrap: break-word;}
.table.vertical-top > tbody > tr > td{ vertical-align: top;}
.table-fixed thead th{ white-space: nowrap;}
.table.vertical-top.table-bordered .list-body tr:last-child{ border-bottom:1px solid #cfd9db;}
.table-fixed .fixed-withico{ display: inline-block; position: relative; padding-right: 18px; max-width: 100%;}
.table-fixed .fixed-withico .linkico{ position: absolute; right: 0;  top: 0; line-height: 1.2;}
.panel .table.table-bottom.table-bordered tr:last-child td {border-bottom:1px solid #cfd9db;}

/* publish */
.publish-tab{ height:35px; margin-bottom:5px; position:relative; font-weight:bold; background-color:transparent; overflow: hidden; transition: border 250ms ease; border:0;}
.publish-tab:before{ position:absolute; height:3px; left:0; bottom:0; width:100%; background-color:#7ca4d2; z-index:3; content:"";}
.publish-tab .nav-tabs{ float:left;margin-left:46px; background-color:transparent;}
.publish-tab .nav-tabs > li{ float:right;}
.publish-tab .nav-tabs > li a{padding: 7px 24px 6px;background-color: #fff;margin-right: 46px; z-index:1; position: relative; cursor: pointer; color:#777; transition: all 250ms ease; margin-bottom:0;border-top:1px solid #ddd; box-sizing: content-box;}
.publish-tab .nav-tabs > li a:before, .publish-tab .nav-tabs > li a:after {display: block;content: ""; position: absolute; top: 0; height: 33px; width: 46px;  background-color:#fff;transition: all 250ms ease;}
.publish-tab .nav-tabs > li a:before {right: -24px; border-radius:0 8px 0 0; transform: skew(30deg, 0deg); box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0; border-top:1px solid #ddd;}
.publish-tab .nav-tabs > li a:after {left: -24px; border-radius:8px 0 0 0; transform: skew(-30deg, 0deg);box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0; border-top:1px solid #ddd;}

.publish-tab .nav-tabs > li.sub a{ background-color:#ccc;}
.publish-tab .nav-tabs > li.sub a:after, .publish-tab .nav-tabs > li.sub a:before{background-color:#ccc;}
.publish-tab .nav-tabs > li.sub a:hover{ background-color: #c0c0c0;}
.publish-tab .nav-tabs > li.sub a:hover:before, .publish-tab .nav-tabs > li.sub a:hover:after{ background-color: #c0c0c0;}

.publish-tab .nav-tabs > li a:hover, .publish-tab .nav-tabs > li a:hover:before, .publish-tab .nav-tabs > li a:hover:after {background-color: #eee;color: #444;}
.publish-tab .nav-tabs > li.active a { z-index:2;}
.publish-tab .nav-tabs > li.active a, .publish-tab .nav-tabs > li.active a:before, .publish-tab .nav-tabs > li.active a:after, .publish-tab .nav-tabs > li.sub.active a,.publish-tab .nav-tabs > li.sub.active a:before, .publish-tab .nav-tabs > li.sub.active a:after{background-color: #7ca4d2;color: #fff;}
.publish-tab .nav-tabs > li a .text{ position: relative; z-index: 5;}
.publish-tab .nav-tabs > li.active a:after, .publish-tab .nav-tabs > li.active a:before {border-top:1px solid #7ca4d2;}

.sub-publish-tab .nav-tabs{ background-color: #eee; border-bottom-color: #7ca4d2;}
.sub-publish-tab .nav-tabs > li a{ font-weight: bold; padding: 8px 25px; margin-right: 5px; color: #7a7a7a;}
.sub-publish-tab .nav-tabs > li.active > a, .sub-publish-tab .nav-tabs > li.active > a:focus, .sub-publish-tab .nav-tabs > li.active > a:hover{border-color: #7ca4d2 #7ca4d2 transparent; color: #7ca4d2;}


.publish-table{position:relative;padding-top:96px;overflow-x:auto; overflow-y:scroll;}
.publish-table.has-side{overflow-x:scroll; }
.publish-table .headtable{ height:96px; position: absolute; top:0; left:0; min-width:100%; z-index:3;}
.publish-table .bodytable{width:auto; min-width:100%;}
.publish-table .headtable .list-title li li span{ overflow: inherit;}
.publish-table .headtable .list-title li .sorting:after, .publish-table .headtable .list-title li .sorting_asc:after, .publish-table .headtable .list-title li .sorting_desc:after{ top: 0;}
.autoscrolllist.publish-table .list-body{ margin-bottom:0; min-width:100%; overflow:auto;}

.publish-table.tab-wight4 .list-body li li {min-width: 40px;}
.publish-table.tab-wight4 li.store {width: 40px;}
.tab-wight4 .publish-state {width:40px;}


.sidetable{ width: 150px;left: 0; min-height: 100%; position: absolute; top:96px;z-index: 2; background-color: #fff;}
.sidetable .table-fixed{ display: table; width: 100%;}
.sidetable li li{ height: 30px;}

.store .rotate-title .sorting, .store .rotate-title  .sorting_asc, .store .rotate-title  .sorting_desc{ padding-left: 10px; padding-right: 0;}
.store .rotate-title  .sorting:after, .store .rotate-title  .sorting_asc:after, .store .rotate-title  .sorting_desc:after{ right: auto; left: 0; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}

.publish-table .title-group{position: relative; width: 150px;}
.publish-table .title-group input[type=checkbox]{ position: absolute; left: 3px; top: 8px; margin: 0;}
.publish-table .title-group input[type=checkbox] + .fixed, .publish-table .title-group input[type=checkbox] + span{ margin-left: 20px;}

.publish-table .list-title .title-group input[type=checkbox]{ top: auto;  bottom:8px;}
.publish-table ul.list-title li li.store{ width: 46px;}
.publish-table ul.list-body li li.store{ width: 46px; }
.publish-table .list-body .photo{height:40px; width:60px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.publish-table .list-body .photo img{max-height: 40px; max-width: 60px;}
.rotate-title{width: 40px; position:relative; height:85px;}
.publish-table .list-body li .label{ display: inline-block;}
.publish-table .list-body li .label-eBay{ background-color: #0234b9;}
.publish-table .list-body li .label-Amazon{ background-color: #f08f0c;}
.publish-table .list-body li .label-Aliexpress{ background-color: #eb3b3d;}
.publish-table .list-body li .label-Wish{ background-color: #4290d6;}
.publish-table .list-body li .label-Dhgate{ background-color: #ee9516;}
.publish-table .list-body li .label-gray{ background-color: #bfbfbf; color: #393939;}
.publish-table .list-body li .label-orange{ background-color: #b92b01;}

.publish-table .list-title li .rotate-title span{ overflow:inherit; color:#7ca4d2; line-height: 40px;  position: absolute; left:0; bottom:0; right:0; transform: rotate(-90deg);}
/*.publish-table .list-title li .rotate-title span{ text-align:center; color:#7ca4d2; position:absolute; line-height:1; left:4px; top:0; max-height:100%; overflow:hidden; width:12px; white-space:inherit; text-overflow:inherit; letter-spacing:10px;}*/

.publish-state {background-color: #e0e0e0;border-radius:3px; box-sizing: border-box;cursor: pointer; display: block;height: 20px;transition: all 0.5s ease 0s; width: 40px; text-align:center; line-height:20px; color:#999; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; position: relative; font-size: 12px;}
.publish-state:hover{color:#999; background-color:#ccc; -moz-box-shadow: inset 0 0 0 3px rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 0 0 3px rgba(255,255,255,0.5); box-shadow: inset 0 0 0 3px rgba(255,255,255,0.5);}
.publish-state.complete{background-color:#91c854; color:#fff;}
.publish-state.complete:hover{ background-color:#91c854;}
.publish-state.saved{background-color:#63d3e9; color:#fff;}
.publish-state.saved:hover{ background-color:#7ca4d2;}
.publish-state.draft{background-color:#ff802c; color:#fff;}
.publish-state.draft:hover{ background-color:#fea86f;}
.publish-state.repeat{background-color:#ed5466; color:#fff;}
.publish-state.repeat:hover{ background-color:#eb3d51;}
.publish-state.active{ -webkit-box-shadow: inset 0 0 0 2px #00b6ad; box-shadow: inset 0 0 0 2px #00b6ad;}
.publish-state.active::before{ display: block; content:"\e370"; width: 14px; height: 14px; text-align: center; line-height: 14px; color: #fff; font-size: 12px; border-radius:50%; overflow:hidden; background-color: #00b6ad;  font-family:"iconfont"; position: absolute; right: -3px; top: -3px;}

.publish-table .headtable{ height: 96px; background-color: #eee;}
.publish-table .headtable .list-title ul{height: 96px; background-repeat: no-repeat; background-position: -30px -35px;}
.publish-table .headtable .list-title ul li{ vertical-align: bottom; background-color: transparent;}


.input-group .input-group-btn.vertical-btn{ width: 34px;}
.input-group .input-group-btn.vertical-btn .btn{padding-top: 0; padding-bottom: 0; display: block;height:50% ;line-height: 1.3; font-size: 12px;}
.input-group .input-group-btn.vertical-btn .btn:first-child{ border-radius: 0 4px 0 0;}
.input-group .input-group-btn.vertical-btn .btn:last-child{ border-radius: 0 0 4px 0; margin-top: -1px;}

.scroll-table{position:relative; overflow-x:auto; overflow-y:scroll;}
.scroll-table .headtable{position: absolute; top:0; left:0; min-width:100%; z-index:3;}
.scroll-table .bodytable{width:auto; min-width:100%;}

.access-panal .form-group .store-order .checkbox-inline{ display: block; width: 170px; float: left; margin-right: 5px; margin-bottom: 5px; text-overflow: ellipsis; white-space:nowrap; padding: 7px 10px 7px 30px; height: 34px; position: relative; overflow: hidden;}
.access-panal .form-group .store-order .checkbox-inline.active{ padding-right: 35px;}
.access-panal .form-group .store-order .checkbox-inline.ui-sortable-helper{ background-color: #fff; border:2px solid #7ca4d2; color: #7ca4d2;}
.access-panal .form-group .store-order .checkbox-inline.ui-sortable-placeholder{ border-color: #999; background-color: #e0e0e0;}
.store-order .checkbox-inline .num{ background-color: #fff; color: #6bccb4; border-radius: 8px; position: absolute; right: 5px; top: 8px; line-height: 16px; padding: 0 5px;}

/*has-catalog*/
.has-catalog {width: 960px; margin: 0 auto;}
.catalog-scroller-title {position: fixed; right: 50%; top: 90px; margin-right: -690px; width: 200px; -webkit-transform:translateZ(0px);}
.catalog-scroller {position: fixed; right: 50%; top: 185px; margin-right: -690px; width: 200px;}
.catalog-scroller:before{ height: 100%; content: ""; width: 2px; overflow: hidden; background-color: #dcdcdc; position: absolute; top: 0; left: 10px; z-index: 1;}
.mr-710 {margin-right: -710px; }
.catalog-scroller:before{ height: 100%; content: ""; width: 2px; overflow: hidden; background-color: #dcdcdc; position: absolute; top: 0; left: 10px; z-index: 1;}
.catalog-list{position: relative;z-index: 2; margin: 0; padding: 10px 0 10px 20px; list-style: none;}
.catalog-list:before{ position: absolute; z-index: 3; position: absolute; left: 7px; top: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";}
.catalog-list:after{ position: absolute; z-index: 3; position: absolute; left: 7px; bottom: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";}
.catalog-list li{ clear: both; margin-bottom: 5px;}
.catalog-list li:last-child{ margin: 0;}
.catalog-list .title-link{display: block; position: relative; line-height: 19px; font-size: 14px; font-weight: bold; color: #7a7a7a; padding: 3px 5px; transition: all 0.5s ease 0s;}
.catalog-list .title-link em{ padding-right: 3px; font-style: normal;}
.catalog-list .title-link:before { content: ""; position: absolute; z-index: 4; top: 7px; left: -14px; width: 10px; height: 10px; border-radius: 50%; background-color: #999; border:2px solid #ecf0f1;}
.catalog-list .title-link:hover:before{ background-color: #00b1e1;}
.catalog-list .title-link:hover{ background-color: #dfe6e8; color: #555; border-radius: 3px;}
.catalog-list .sub-catalog{ margin-top: 5px; padding-left: 12px; list-style: none;}
.catalog-list .sub-catalog .title-link{ font-weight: normal; font-size: 13px;}
.catalog-list .sub-catalog .title-link:before { display: none;}

.catalog-scroller-title .catalog-scroller:before {left: 20px;}
.catalog-scroller-title .catalog-list:before, .catalog-scroller-title .catalog-list:after {left: 17px;}
.catalog-scroller-title .catalog-scroller {position: relative; top: 0px; margin-left: 0; right: 0; background: #fff; border:1px solid #cfd9db; border-top:none;  border-radius:0 0 4px 4px; padding: 15px 0;}
.catalog-scroller-title .title {position: relative; height: 40px; line-height: 40px; background: #f6f6f6; border:1px solid #cfd9db; color: #444; padding-left: 15px; border-radius: 4px 4px 0 0; margin: 0; font-size: 14px; font-weight: 600;}
.catalog-scroller-title .catalog-list .title-link {padding-left: 15px;}
.catalog-scroller-title .catalog-list .title-link:before {left: -4px;}

.modal-message .sidemenu{color:#c0c0c0; display: block; font-size: 30px; position: fixed; text-align: center; right: 23px; top: 60px; transition: all 0.5s ease 0s; z-index: 1035; -webkit-transform:translateZ(0px); width: 44px; height: 44px; line-height: 40px; border:4px solid #c0c0c0; border-radius: 50%;}
.modal-message .sidemenu:hover{color:#7ca4d2; opacity: 1; border-color: #7ca4d2;}
.modal-message .sidemenu.active, .modal-message .sidemenu.active:hover{color:#7ca4d2; border-color: #7ca4d2;}

.catalog-scroller-message{ margin-right: -710px;}
.catalog-scroller-message .title{background: #f6f6f6;border: 1px solid #cfd9db; border-radius: 4px 4px 0 0; color: #444;font-size: 14px; font-weight: 600; height: 40px; line-height: 40px; margin: 0; padding-left: 50px; position: relative;}
.catalog-scroller-message .catalog-scroller{ margin: 0; position: relative; right: auto; top: auto; border-style: solid; border-color:#cfd9db; border-width:0 1px 1px; background-color: #fff; padding: 10px 0;}
.catalog-scroller-message .iconbtn{ color: #fff; display: block; font-size: 16px; border-radius: 4px; text-align: center; position: absolute; left: 5px; background: #7ca4d2; -webkit-box-shadow: none;  box-shadow: none;  padding:5px 10px; top: 5px; border:0; z-index: 1;}

.catalog-scroller-message.fixed{ position:fixed; right:0; top: 150px; width:auto; margin-right: 0;}
.catalog-scroller-message.fixed .title{  padding-left: 15px; display: none;}
.catalog-scroller-message.fixed .catalog-scroller{display: none;}
.catalog-scroller-message.fixed:hover .catalog-scroller, .catalog-scroller-message.fixed:hover .title{ display: block;}
.catalog-scroller-message.fixed .iconbtn{ color: #fff; font-size: 20px; height: 40px; border-radius: 4px 0 0 4px; width: 40px; text-align: center; position: absolute; left:auto; right: 16px; top: 0; background: #7ca4d2; padding:10px 5px; top: 0; z-index: 1; border:1px #6c91bc solid;}


@media (min-width: 1600px) {
	.catalog-scroller-message{ margin-right: -810px;}
	.catalog-scroller-message.fixed{ margin-right: 0;}
}

/*fixed-catalog*/
.fixed-catalog {width: 960px;}
.catalog-scroller-title.fixed-catalog-scroller{ position: fixed; left:1210px; top: 135px; width: 16%; margin-right: 0;}
.fixed-catalog-scroller .catalog-scroller {width: 100%;}
.no-sidebar .catalog-scroller-title.fixed-catalog-scroller {left:990px;}





.label-inline{ display: inline-block !important;}

.hover-line{ position:absolute; background-color:#7ca4d2; overflow:hidden; transform:all 0.5s ease 0s; z-index:3; display:none;}
.hover-line.top, .hover-line.bottom{ width:100%; height:1px; left:0;}
.hover-line.left, .hover-line.right{ height:100%; width:1px; top:0;}

.modal-open .selectize-dropdown, .modal-open .selectize-dropdown.form-control{ z-index:1051;}
.legend-text{ border:1px solid #cfd9db; line-height:32px; border-radius:4px; margin-left:10px; padding:0 10px; color:#6a6a6a;}

.popview.modal-dialog{ width:180px; position:absolute; display:none; z-index:201; margin-top:0; margin-bottom:0; z-index: 1030;}
.popview .close{ background-color:#f8f8f8; width:24px; border-radius:50%; position:absolute; left:-10px; top:-10px; text-align:center; height:24px; -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); box-shadow:0 0 5px rgba(0,0,0,0.5);  opacity:1; color:#999; z-index:1;}
.popview .close:hover{ background-color:#999; color:#fff;}
.popview .modal-body{ padding:5px 15px; border: 1px solid #e0e7e8; }
.popview .modal-footer{ padding:5px 15px; border: 0;}
.popview .modal-content{ padding: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.popview .modal-content:before{ border-color: transparent transparent transparent #fff;border-style: solid;border-width: 8px 0 8px 8px;content: "";height: 0; position: absolute; right: -7px;bottom: 8px; width: 0;}

.popview.has-skulist{ width:450px;}
.popview.has-skulist .modal-body { padding-right: 270px; padding-top: 0; padding-bottom: 0; }
.popview.has-skulist .modal-body .sku-group{ height: 100%; width: 270px; position: absolute; right: 0; top: 0; bottom: 0; background-color: #fff; overflow: hidden;}
.popview.has-skulist .modal-body .sku-group:before{ position: absolute; content: ""; height: 100%; width:10px; left:-10px; top: 0; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3); box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.popview.has-skulist .modal-body .sku-group .list-group{ margin: 0; max-height:100%; overflow-y: auto;}
.popview.has-skulist .modal-body .sku-group .list-group .list-group-item{ border-radius: 0; padding: 5px 105px 5px 8px; height: 29px; border-color:  #e0e7e8; border-width:1px 0 0; line-height: 19px; background-color: transparent; margin: 0;}
.popview.has-skulist .modal-body .sku-group .list-group .list-group-item:first-child{ border: 0;}
.popview.has-skulist .modal-body .sku-group .list-group .list-group-item .btn-group{ position: absolute; right: 5px; top: 3px;}

.large-list-title .btn-default .badge{background-color: #e0e0e0; color: #666;}
.large-list-title .btn-default.active .badge{background-color: #fff;}
#modellist .list-body .photo{ padding:0;}
#modellist .list-body .name{ display:table-cell; padding-left:10px; margin:0;}
.list-body li .icon-btn, .table-striped .icon-btn{ padding:0 2px; font-size:14px;}
.list-body .skulabel {position: relative;}
.list-body .skulabel .grouplabel {position: absolute; top:2px; right: 2px;}
#CustomSite .modal-body{ background-color:#fff; padding:10px 20px;}
#CustomSite .col-md-12 .form-group{ border:0;}
#CustomSite .form-group{ margin-left:-5px; margin-right:-5px;}


#QuickEdit .form-horizontal .control-label{ text-align:left; padding-left:15px;}
.quickeditdetail .form-group.table-layout{margin-left:0; margin-right:0;}
.quickeditdetail .form-group .form-control{ padding:6px;}
.quickeditdetail .form-group .form-price input{ width:33%; float:left;}
.quickeditdetail .form-group .form-num select{ width:45%; float:left;}
.quickeditdetail .form-group .form-num input{ width:25%; float:left;}
.quickeditdetail .col-sm-1, .quickeditdetail .col-sm-2, .quickeditdetail .col-sm-3, .quickeditdetail .col-sm-4, .quickeditdetail .col-sm-5, .quickeditdetail .col-sm-6, .quickeditdetail .col-sm-7, .quickeditdetail .col-sm-8, .quickeditdetail .col-sm-9, .quickeditdetail .col-sm-10, .quickeditdetail .col-sm-11, .quickeditdetail .col-sm-12{ padding:0 2px;}

.modal-body.multi-sort{ padding:10px 5px;}
.modal-body.multi-sort .row{ margin-left:-5px; margin-right:-5px;}
.modal-body.multi-sort .row .col-sm-2, .modal-body.multi-sort .row .col-sm-3{ padding-left:5px; padding-right:5px;}
.modal-body.multi-sort .list-group{ margin:0; padding-bottom:10px;}
.modal-body.multi-sort .list-group-item a{ padding:5px 15px 5px 5px;  position:relative;}
.modal-body.multi-sort .list-group-item a:before{ content:"\e6c1"; position:absolute; right:5px; margin-top:-10px; top: 50%; font-family:"iconfont"; color:#ccc;}
.modal-body.multi-sort .list-group-item.active a:before{ color:#fff;}
.modal-body.multi-sort .list-group-item.active a{background-color: #7ca4d2; color: #fff;}
.modal-body.multi-sort .list-group-tabs .list-group-item.no-sub.active a:after, .modal-body.multi-sort .list-group-tabs .list-group-item.no-sub a:before{ display:none;}

#multi-sort .col-sm-3{max-height:300px; overflow-x:hidden; overflow-y:auto;}


.directory-tree span{ color:#7ca4d2;}
.directory-tree span + span{ padding-left:10px;}
.directory-tree span::before{ content:"\e6e5";  font-family:"iconfont"; padding-right:10px;}
.directory-tree span:first-child:before{ display:none;}


.model-detail.tab-content.panel{ border-top:1px solid #cfd9db;}
.customnum{ display:inline-block; position:relative; height:34px; padding:0 24px;}
.customnum .form-control{ width:50px; padding-left:5px; padding-right:5px; text-align:center;}
.customnum .subtract, .customnum .add{ display:block; line-height:24px; height:24px; width:24px; text-align:center; font-size:20px; position:absolute; top:5px;}
.customnum .subtract{left:0;}
.customnum .add{right:0;}
.customnum .subtract.text-gray, .customnum .add.text-gray, .customnum .subtract.text-gray:hover, .customnum .add.text-gray:hover{ color:#d8d8d8 !important; cursor:default;}

.customnum-one{ display:inline-block; position:relative; height:34px; padding:0 24px;}
.customnum-one .form-control{ width:50px; padding-left:5px; padding-right:5px; text-align:center;}
.customnum-one .subtract, .customnum-one .add{ display:block; line-height:24px; height:24px; width:24px; text-align:center; font-size:20px; position:absolute; top:5px;}
.customnum-one .subtract{left:0;}
.customnum-one .add{right:0;}
.customnum-one .subtract.text-gray, .customnum-one .add.text-gray, .customnum-one .subtract.text-gray:hover, .customnum-one .add.text-gray:hover{ color:#d8d8d8 !important; cursor:default;}

.color-panal label.checkbox-inline{background-color: #f6f6f6; border-radius: 2px; margin-bottom:5px; padding: 3px 10px 3px 30px;}
.color-panal label.checkbox-inline.active{background-color: #eee;}
.color-panal label.checkbox-inline span:last-child{ display: inline-block; line-height: 14px; margin-left: 5px; margin-top: 2px; float: right;}

.publish-color label{ min-height: 30px; position: relative; margin-bottom: 10px;}
.publish-color input[type="checkbox"]{position: absolute;  left: 15px; top: 9px;}
.publish-color .color-item{border: 1px solid #ddd; max-width: 120px; padding: 7px 5px; margin-left: 20px; display: block; text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.publish-color .color-item.multicolor{ color: #fff; text-shadow: 0 0 3px #000; background: url(../image/wish-color/Muiticolor.jpg) center no-repeat; background-size:cover;}

.nav.size-list > li > a{ padding:5px 10px; margin-bottom:5px;}

.error-text{background-color: #f9f2f4;border-radius: 4px; color: #c7254e; padding: 2px 4px; word-break: break-all;word-wrap: break-word; margin:0;}

.consult-panel{ list-style:none; margin-top:20px;}
.consult-panel .list-group{ margin-bottom:0;}
.consult-panel .list-group-item{padding:5px;}
.consult-panel .list-group-item.active{ background-color:#f6f6f6;}
.consult-panel .list-group-item h4{font-size: 14px; font-weight: 600; margin:0; line-height:20px; color:#7ca4d2;}
.consult-panel .list-group-item strong{ color:#999; display:block; padding:0 10px; border-radius:3px; background-color:#f8f8f8;}
.consult-panel .list-group-item p{ margin:5px 0 0; color:#666; word-break:break-all; word-wrap:break-word;}
.consult-scroll{ overflow-y:auto;}
.consult-panel .list-group-item .list-table .item{ display: table-cell;}
.consult-panel .list-group-item .list-table .item.table-caption{ display:table-caption;}
.consult-panel .list-group-item .list-table .item span{line-height:20px; color:#7ca4d2; font-family:Tahoma, Geneva, sans-serif;}
.consult-panel .list-group-item .list-table .item span:before{ padding-right:5px; color:#999; font-family:"iconfont";}


.checkbox-inline .color, .productTr .color{display: inline-block;width: 14px;height: 14px;margin:2px 0 0;padding: 0;border: 1px solid #ccc;overflow: hidden;text-indent: -9999px}
.color-200003699{background:url(../image/wish-color/bg_post_color_block.gif) 0 0 no-repeat}
.color-100018786{background:url(../image/wish-color/bg_post_color_block.gif) 0 -20px no-repeat}
.color-771 {background-color: #F8F7E7}
.color-193 {background-color: #000}
.color-173 {background-color: #0080FF}
.color-365458 {background-color: #8d6468}
.color-200001951 {background-color: #d5b489}
.color-350850 {background-color: #FFD700}
.color-691 {background-color: #999}
.color-175 {background-color: #007000}
.color-200002130 {background-color: #fdfde8}
.color-200001438 {background-color: #dac9b9}
.color-350852 {background-color: #FFA500}
.color-1052 {background-color: #FFC0CB}
.color-496 {background-color: #6C3365}
.color-10 {background-color: red}
.color-350853 {background-color: #ccc}
.color-29 {background-color: #fff}
.color-366 {background-color: #ff0}
.color-200004889 {background-color: #7C8C30}
.color-1254 {background-color: #1eddff}
.color-200004890 {background-color: #666}
.color-200004891 {background-color: #dda0dd}

.pubish-image-group{ padding: 15px 15px 15px 250px; position: relative; min-height: 280px;}
.pubish-image-group .largelabel{ position: absolute; left: 15px; top: 15px; width: 220px;}
.pubish-image-group .largelabel .nodata{ background-color: #fff; border: 3px dashed #e0e0e0; display: none; height: 207px;text-align: center;}
.pubish-image-group .largelabel .nodata .title{color: #ccc;font-size: 32px;line-height: 70px;margin: 0;padding-top: 60px;}

.pubish-image-group .largelabel .photo{ border:1px solid #e0e0e0; width: 220px; height: 220px; background: url(../theme/image/loading-bubbles.svg) center center no-repeat; display: table;}
.pubish-image-group .largelabel .photo span{ width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle;}
.pubish-image-group .largelabel .btn-remove{ position: absolute; bottom: -24px; right: -1px; text-align: center; left: -1px; line-height: 24px; background-color: #f0f0f0; border-style: solid; border-color:#e0e0e0; border-width:1px;} 
.pubish-image-group .largelabel .photo img{max-height: 218px;max-width: 218px;vertical-align: middle;}
.thumbtype .thumbnail.ui-sortable-placeholder{webkit-animation: transitionShadow 3s linear infinite;-moz-animation: transitionShadow 3s linear infinite;  animation: transitionShadow 3s linear infinite;}


.thumbtype{ margin:0 -10px;}
.thumbtype .thumbnail{border:1px solid #e0e0e0; border-radius: 0; background-color: #f0f0f0; float: left;height: 180px; margin: 10px;overflow: hidden; position: relative;width: 132px; -webkit-transition:none; -moz-transition:none; transition:none;}
.thumbtype .thumbnail .media{height:130px; width: 130px; text-align: center; vertical-align: middle;}
.thumbtype .thumbnail .media img{max-height: 130px;max-width: 130px;vertical-align: middle; border-radius:0 !important;}
.thumbtype .thumbnail .media span{display: inline-block; height: 100%; vertical-align: middle;}
.thumbtype .thumbnail .media .magnific{ position: absolute; right: 5px; top: 5px; background-color: rgba(255,255,255,0.8); color: #666; width: 30px; line-height: 30px; text-align: center; display: none; font-size: 16px; border-radius: 50%; z-index: 3;}
.thumbtype .thumbnail .media:hover .magnific{ display: block;}
.thumbtype .thumbnail .sizebar{height: 24px; line-height: 24px; padding: 0 5px; text-align: center; background-color: #f0f0f0; color: #7a7a7a; }
.thumbtype .thumbnail .toolbar{height: 24px; line-height: 24px; padding: 0 5px; background-color: #fff; }
.thumbtype .thumbnail .toolbar .setmain{ float: left;}
.thumbtype .thumbnail .toolbar .btn-remove{ float:right;}

.thumbtype .thumbnail-grid{ cursor: pointer; border:1px solid #e0e0e0; border-radius: 0; background-color: #f9f9f9; float: left; height: 180px; margin: 10px; overflow: hidden;width: 132px; line-height: 180px; text-align: center; color: #ccc; font-size: 16px; font-weight: bold;}
.thumbtype .thumbnail-grid:hover{ background-color: #fff; color: #ddd;}

.pubish-image-group.no-mainphoto{ padding-left: 15px; min-height: auto;}
.pubish-image-group.no-mainphoto .toolbar{ text-align: center;}
.pubish-image-group.no-mainphoto .toolbar .magnific{ float: left;}
#thumbmedia .thumbnail:first-child{ border-color:#da9e00;}
#thumbmedia .thumbnail:first-child:before{border-color:#da9e00 transparent transparent;border-style: solid; border-width: 40px 40px 0 0; content: ""; height: 0;left: 0; position: absolute; top: 0; width: 0; z-index:3;}
#thumbmedia .thumbnail:first-child:after{ content:"主图";color: #fff; font-size: 13px; font-weight: bold;left:-2px; line-height: 20px; position: absolute; top: 4px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 4;}

#thumbmedia.wish-type .thumbnail:first-child{ border-color: #e0e0e0;}
#thumbmedia.wish-type .thumbnail:first-child:before, #thumbmedia.wish-type .thumbnail:first-child:after{ display: none;}

.upload-album{ padding: 0 !important; overflow: hidden;}
.uploadimg{ width: 48px; height: 48px; float: left;  display: table; margin: 5px; background-color: #eeeeee; cursor: pointer;  position: relative;}
.uploadimg span{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; overflow:hidden;}
.uploadimg span img{vertical-align: middle; max-width: 48px; max-height:48px;}
.uploadimg .remove{ display: block; line-height: 15px;  color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; right: 0; bottom: 0; font-size: 12px; width: 15px; text-align: center;}
.uploadimg i{ font-size: 2em; color: #ccc; line-height: 48px;}
.uploadimg input{display: none;}

.mobileditor, .mobileditor .table-bordered{ position: relative;}
.mobileditor .table-bordered .viewMobile{ position: absolute; right: 10px; top: 5px;}
.mobileditor .table-bordered .oneKeyCopy{ position: absolute; right: 115px; top: 5px;}
.mobileditor .mobilegroup{ display: none; width: 390px; position: absolute; right: -10px; top: 0;}
.mobileditor.view-type{ min-height: 833px; padding-right: 400px;}
.mobileditor.view-type .mobilegroup{ display: block;}
.mobilegroup .mobileview{background:url(../image/mobile-preview-warp.jpg) no-repeat;height: 804px;overflow: hidden;}
.mobilegroup .mobileview .desc-container{height: 505px; margin-left: 35px;margin-top: 182px; width: 320px; background-color: #f4f4f4; overflow-y: auto;}
.desc-container .desc-title {border-top: 1px solid #eaeaea; color: #b0b2b7;font-size: 12px;line-height: 48px;margin-top:0;padding-left: 16px;padding-right: 16px; margin-bottom: 0;background-color: #fff;}
.desc-container .descriptions { background-color: #fff;font-size: 14px;overflow-x: auto; padding: 16px 16px 8px; width: 100%; word-wrap: break-word;}
.desc-container .desc-title {border-top: 1px solid #eaeaea; color: #b0b2b7;font-size: 12px;line-height: 48px;margin-top:0;padding-left: 16px;padding-right: 16px; margin-bottom: 0;background-color: #fff;}
.desc-container .descriptions { background-color: #fff;font-size: 14px;overflow-x: auto; padding: 16px 16px 8px; width: 100%; word-wrap: break-word; }
.desc-container .descriptions img { display: block;height: auto; width: 100%;max-width: 100%;}


/*staff && store*/
.staff-list-title{ margin-top: 0; padding:10px; border: #cfd9db 1px solid; margin-bottom: -1px;}

.media-list.staff-list{border-radius: 0 0 3px 3px; padding: 10px; border: #cfd9db 1px solid; max-height: 400px; overflow-y: auto; overflow-x: hidden;}
.media-list.staff-list  > .media{  padding: 5px 30px 5px 10px; }
.media-list.staff-list  > .media:hover{ background-color: #f0f0f0;}
.media-list.staff-list  > .media + .media{ margin-top: 10px;}
.media-list.staff-list  > .media > .media-body > .media-heading{ font-size: 14px;}
.media-list.staff-list  > .media > .media-body > .media-meta{ font-size: 13px;}
.media-list.staff-list > .media .media-object{ height: 38px; width: 38px; margin-right: 10px;}
.media-list.staff-list > .media .media-object > img{ max-height: 100%; border-radius: 3px;}
.media-list.staff-list  > .media > .media-body > .media-heading, .media-list.staff-list  > .media > .media-body > .media-meta{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.media-list.staff-list > .media:after{ display: none;}
.staff-list .media-meta .number{ padding: 0 3px; color: #00b1e1; font-weight: bold;}
.media-list.staff-list  > .media.active{ background-color:  #00b1e1;  position: relative;  border-radius:5px; }
.media-list.staff-list  > .media.active > .media-body > .media-heading{ color: #fff;}
.media-list.staff-list  > .media.active > .media-body .media-meta, .media-list.staff-list  > .media.active > .media-body .media-meta .number{color: #fff;}
.media-list.staff-list  > .media.active:before{ font-size: 3em; content: "\e6e9"; font-family: "iconfont"; color: #fff; position: absolute; right: 10px; top: -2px;}

.store-authority .checkbox-inline{ padding: 5px 0;}

/*SKU*/
#skulist .productTr{ display:none; margin:5px 20px 10px 40px;}

.choicestaff.form-group label.checkbox-inline{ margin:0 0 3px 0; padding:3px 10px 3px 30px; background-color:#f2f2f2; border-radius:2px; border:1px solid #eee;}
.choicestaff.form-group label.checkbox-inline.active{ background-color:#6BCCB4; color:#fff; border-color:#58C5AA;}

.selectedtype .phototype select{ float:left; width:200px;}
.selectedtype .thumbnail{ float:left; position: relative; width:120px; height:120px; margin:10px;  border-radius:4px; overflow:hidden; background:url(../image/photo_default.jpg) center center no-repeat; background-size: cover;}
.selectedtype .thumbnail .indicator{ background-color:#eee;}
.selectedtype .thumbnail .media{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover; }
.selectedtype .thumbnail .media .mask{padding:10px; width:100%; box-sizing:border-box; background-color: rgba(0, 0, 0, 0.5); position: absolute; z-index: 3;left: 0; bottom:0; color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
.selectedtype .thumbnail .media .mask h5{ line-height:20px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.selectedtype .thumbnail .media .mask p{ line-height:20px; overflow:hidden; margin:0; height:0; opacity:0; }
.selectedtype .thumbnail:hover .media .mask p{ height:auto; margin:5px 0 0 0; opacity:1;}



.selectedtype .thumbnail.mainphoto{-moz-box-shadow:0 0 0 4px #da9e00; -webkit-box-shadow:0 0 0 4px #da9e00; box-shadow:0 0 0 4px #da9e00;}
.selectedtype .thumbnail.mainphoto:before{border-color:#da9e00 transparent transparent;border-style: solid; border-width: 40px 40px 0 0; content: ""; height: 0;left: 0; position: absolute; top: 0; width: 0; z-index:1;}
.selectedtype .thumbnail.mainphoto:after{ content:"主图";color: #fff; font-size: 13px; font-weight: bold;left:-1px; line-height: 20px; position: absolute; top: 2px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;}
.selectedtype .thumbnail.mainphoto .set-main{ display:none;}


#dropmedia .thumbnail{transition: none; cursor: move;}
@-webkit-keyframes transitionShadow{0%{box-shadow:0 0 3px #7ca4d2;}50%{box-shadow:0 0 15px #7ca4d2;}100%{box-shadow:0 0 3px #7ca4d2;}}
@-moz-keyframes transitionShadow{0%{box-shadow:0 0 3px #7ca4d2;}50%{box-shadow:0 0 15px #7ca4d2;}100%{box-shadow:0 0 3px #7ca4d2;}}
@keyframes transitionShadow{0%{box-shadow:0 0 3px #7ca4d2;}50%{box-shadow:0 0 15px #7ca4d2;}100%{box-shadow:0 0 3px #7ca4d2;}}
#dropmedia .thumbnail.ui-sortable-placeholder{webkit-animation: transitionShadow 3s linear infinite;-moz-animation: transitionShadow 3s linear infinite;  animation: transitionShadow 3s linear infinite;}

#dropmedia .thumbnail:first-child{-moz-box-shadow:0 0 0 4px #da9e00; -webkit-box-shadow:0 0 0 4px #da9e00; box-shadow:0 0 0 4px #da9e00;}
#dropmedia .thumbnail:first-child:before{border-color:#da9e00 transparent transparent;border-style: solid; border-width: 40px 40px 0 0; content: ""; height: 0;left: 0; position: absolute; top: 0; width: 0; z-index:1;}
#dropmedia .thumbnail:first-child:after{ content:"主图";color: #fff; font-size: 13px; font-weight: bold;left:-1px; line-height: 20px; position: absolute; top: 2px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;}



.list-body .photo.mainphoto{ -webkit-box-shadow:0 0 0 1px #da9e00; -moz-box-shadow:0 0 0 1px #da9e00; box-shadow:0 0 0 1px #da9e00; position:relative;}
.list-body .photo.mainphoto:before { border-color: #da9e00 transparent transparent; border-style: solid;border-width:24px 24px 0 0; content: ""; height: 0; left: 0;  position: absolute;  top: 0; width: 0;z-index: 1;}
.list-body .photo.mainphoto:after{ content:"\e21c";color: #fff;  font-family: "iconfont"; font-size: 12px; font-weight: bold;left:2px; line-height: 20px; position: absolute; top: -2px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;}


.selectedtype .thumbnail .media .imglink{ display:none;}
.selectedtype .thumbnail .media .overlay{background-color:rgba(218, 158, 0, 0.4); } 
.selectedtype .thumbnail .media .overlay .toolbar{ margin-top:0; top:5px; right:5px; text-align:right;}
.selectedtype .thumbnail .media .overlay .toolbar .btn{ line-height:30px; padding:0; width:30px; text-align:center; font-size:1.1em; margin:0 2px;}

.viewimage { min-height:34px;}
.viewimage ul{ padding:0; list-style:none; margin:0;}
.viewimage li{ height:60px; margin-right:10px; float:left; position:relative; padding:4px; border-radius:3px; background-color:#fff; border:1px solid #ccc;}
.viewimage li .ico-cancel-circle2{ position:absolute; top:-4px; right:-4px; cursor:pointer; color:#999;}
.viewimage li .ico-cancel-circle2:hover{ color:#7ca4d2;}
.viewimage li img{ max-height:50px; border-radius:2px;}

.thumb-new{ width:100%; height:100%; position:absolute; left:0; top:0; display: block; background-color:#eee; border:4px dotted #ccc;border-radius:4px; text-align:center; transition:all 0.5s ease 0s;}
.thumb-new .ico-plus-sign{ display:block; margin-top:20%;font-size:7em; color:#999; text-shadow:0 1px 0 #fff;}
.thumb-new h4{ font-size:18px; color:#999; text-shadow:0 1px 0 #fff;}
.thumb-new:hover{ background-color:#f8f8f8; border-color:#6285ad;}
.thumb-new:hover .ico-plus-sign, .thumb-new:hover h4{ color:#6285ad;}

.pathexample{ width:540px; height:70px; margin:0 auto; position:relative;}
.pathexample .link{ line-height:18px; font-size:20px; margin:0;}
.pathexample .link.alpha{ opacity:0.1;}
.pathexample .link span{ padding:0 2px;}
.pathexample .info{ position:absolute; line-height:20px; top:50px; display:inline-block;}
.pathexample .info:before{ position:absolute; height:15px; width:1px; top:-15px; left:50%; content:"";}

.pathexample .info.text-primary:before{ background-color:#7ca4d2;}
.pathexample .info.text-orange:before{ background-color:#f60;}
.pathexample .info.text-success:before{ background-color:#91c854;}
.pathexample .info.text-info{top:20px; padding-left:5px;}
.pathexample .info.text-info:before{height:1px; width:20px; top:10px; left:-20px; background-color:#63d3e9;}

.skugroupexample{ font-size:13px; font-weight:bold;}

.form-tabs{ position:absolute; right:15px; bottom:-16px;}
.form-buttons{ position:absolute; right:15px; top:0;}

.drag-list .inneritem, .drag-list{ width:100%; table-layout:fixed;}
.table.drag-list  tr > th, .table.drag-list  tr > td{padding:5px ;}
.drag-list .inneritem td{ text-align:center; }
.drag-list .btn-drag{ cursor:move;}
.drag-list .btn-drag.disabled{ cursor:default;}
.copy-helper .ico-copy{ font-size:32px;}
.drag-active{ border:0;}
.drag-active td{ background-color:#fffcdd !important;}

.selectproductetail, .selectitem,.modal .scrolllist{ width:100% !important;}

.quickeditdetail{ width:100% !important;}
.hasimage .imageitem{padding-top:8px; padding-right:2px; padding-bottom:8px; padding-left:70px; height:34px; line-height:34px;}
.hasimage .photo{ position:absolute; left:10px; top:0; width:50px; height:50px; text-align:center; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.hasimage .photo i{ line-height:50px; font-size:40px;}
.hasimage .item{ padding-top:8px; padding-bottom:8px;}

#addStockSku .productTr .table tr th{ padding:3px 5px;}

/* stock SKU */
.productTr .switchery, .advance .switchery{ width: 58px;}
.productTr .switchery > small, .advance .switchery > small{ width: 28px; z-index: 2;}
.productTr .switchery:before, .advance .switchery:before{ position: absolute; content: "on"; left: 7px; top: 0; font-weight: bold; line-height: 20px; color: #fff; font-size: 12px;z-index: 1;}
.productTr .switchery:after, .advance .switchery:after{ position: absolute; content: "off"; right: 7px; top: 0; font-weight: bold; line-height: 20px; color: #999; font-size: 12px;z-index: 1;}

.form-group .switchery { border-radius: 17px;height: 30px; width: 68px; border-width:2px; box-sizing:content-box;}
.form-group .switchery > small {border-radius:50%;height:30px;width:30px;}

tr.sub{ display:none;}
tr.sub .name{ padding-left:20px;}

#depotlist .productTr{ display:none; margin:5px 20px 10px;}
#depotlist .productTr .table th, #depotlist .productTr .table td{ padding:10px 5px;}

#depotlist .productTr .table th{font-weight:bold;}
#depotlist ul.list-title li li{ padding:10px 0; font-weight:bold;}

td input.allotnum{ display:none; width:60px; margin:0 auto; text-align:center;}
tr.active td input.allotnum{ display:block;}

.positions table{margin:0; padding:0; border:3px solid #fda971; width:100%; border-collapse:collapse; table-layout:fixed;}
.positions table td{ text-align:center; vertical-align:middle; padding:20px 10px; background:#fee1ce url(../image/grid_bg.png); border:2px solid #fff;word-wrap: break-word; word-break: break-all;}
.positions table td:hover{ background-color:#fec6a1;}

.stock-chart{ margin:10px; min-height:170px; background:url(../theme/image/loading-bubbles.svg) center no-repeat;}
.stock-chart ul{ margin:0 0 -1px 0; display:table; table-layout:fixed; border-collapse:collapse; width:100%;height:50px; background-color:#fff;}
.stock-chart li{ display:table-cell; vertical-align:middle; text-align:center; height:50px;position:relative;}
.stock-chart li .bg{ background-color:#f3f3f3; height:10px; position:absolute; display:block; top:20px; left:0; width:100%; z-index:1;}
.stock-chart li.head{ border:0; width:60px; text-align:right; padding-right:5px; font-weight:bold; border-right:1px solid #e0e0e0;}
.stock-chart li .point{border-radius: 50%; cursor:pointer; height:10px; margin:0 auto; position: relative; z-index:3;width:10px; border-width:2px; border-style:solid; display:block; overflow:hidden; box-sizing:content-box;}
.stock-chart li .point:hover, .stock-chart ul.list-allot li .point:hover, .stock-chart ul.list-purchase li .point:hover, .stock-chart ul.list-stock li.full .point:hover, .stock-chart ul.list-stock li .point:hover{background-color:#fff; }
.stock-chart li.full.start .bg{ width:50%; left:50%; border-radius:5px 0 0 5px;}
.stock-chart li.full.end .bg{ width:50%;border-radius:0 5px 5px 0;}
.stock-chart li.full.star.end{ width:0;}
.stock-chart li.full .mask{ background-color:#f3f3f3; height:10px; position:absolute; display:block; top:20px; width:50%; z-index:1;}
.stock-chart li.full.start .mask{ left:0;}
.stock-chart li.full.end .mask{ left:51%;}
.stock-chart li.full.start.end .mask{ display:none;}
.stock-chart li.full.start.end .bg{background-color:#f3f3f3;width:100%; left:0; border-radius:0;}
.stock-chart li .cast{ height:50%; left:50%; position:absolute; width:4px; margin-left:-2px; display:block;}
.stock-chart li .cast.allot{ background-color:#d7ebc0; top:50%; z-index:1;}
.stock-chart ul.list-purchase li .cast.allot{top:0; height:100%;}
.stock-chart ul.list-stock li .cast.allot{ top:0;}

.stock-chart li .cast.purchase{ background-color:#fff2d0; top:50%; z-index:2;}
.stock-chart ul.list-stock li .cast.purchase{top:0;}

.stock-chart li.full.start .bg:before{ width:100%; height:10px; position:absolute; left:0; top:0; margin-left:100%; background-color:#f3f3f3;  display:block; z-index:2;}

.stock-chart ul.list-allot li.head{ color:#91c854;}
.stock-chart ul.list-allot li .bg{ background-color:#d7ebc0;}
.stock-chart ul.list-allot li .point{ background-color:#d7ebc0; border-color:#91c854; }
.stock-chart ul.list-allot li.start .point, .stock-chart ul.list-allot li.end .point{ display:block;}
.stock-chart ul.list-allot li .point:hover{ -webkit-box-shadow:0 0 0 5px rgba(145,200,84,0.5); -moz-box-shadow:0 0 0 5px rgba(145,200,84,0.5); -ms-box-shadow:0 0 0 5px rgba(145,200,84,0.5); box-shadow:0 0 0 5px rgba(145,200,84,0.5);}

.stock-chart ul.list-purchase li.head{ color:#a87a01;}
.stock-chart ul.list-purchase li .bg{ background-color:#fff2d0;}
.stock-chart ul.list-purchase li .point{ background-color:#fff2d0; border-color:#a87a01;}
.stock-chart ul.list-purchase li.start .point, .stock-chart ul.list-purchase li.end .point{ display:block;}
.stock-chart ul.list-purchase li .point:hover{-webkit-box-shadow:0 0 0 5px rgba(255,214,106,0.5); -moz-box-shadow:0 0 0 5px rgba(255,214,106,0.5); -ms-box-shadow:0 0 0 5px rgba(255,214,106,0.5); box-shadow:0 0 0 5px rgba(255,214,106,0.5);}

.stock-chart ul.list-stock li.head{ color:#7ca4d2;}
.stock-chart ul.list-stock li .bg{ background-color:#faccd1;}
.stock-chart ul.list-stock li.full.start .mask, .stock-chart ul.list-stock li.full.end .mask{background-color:#faccd1;}
.stock-chart ul.list-stock li .point{ background-color:#faccd1; border-color:#fa7b8a;}
.stock-chart ul.list-stock li .point:hover{ border-color:#ed5466; webkit-box-shadow:0 0 0 5px rgba(237,84,102,0.5); -moz-box-shadow:0 0 0 5px rgba(237,84,102,0.5); -ms-box-shadow:0 0 0 5px rgba(237,84,102,0.5); box-shadow:0 0 0 5px rgba(237,84,102,0.5);}
.stock-chart ul.list-stock li.full .bg{ background-color:#c7f3ff;}
.stock-chart ul.list-stock li.full .point{ background-color:#c7f3ff; border-color:#7ca4d2;}
.stock-chart ul.list-stock li.full .point:hover{webkit-box-shadow:0 0 0 5px rgba(0,177,225,0.5); -moz-box-shadow:0 0 0 5px rgba(0,177,225,0.5); -ms-box-shadow:0 0 0 5px rgba(0,177,225,0.5); box-shadow:0 0 0 5px rgba(0,177,225,0.5);}

.stock-chart ul.list-footer{height:20px;}
.stock-chart ul.list-footer li{ border-top:1px solid #e0e0e0; height:20px; line-height:20px; }
.stock-chart ul.list-footer li.head{ border:0;}
.stock-chart ul.list-footer li .date{ color:#333; font-size:10px; font-weight:bold; }

.online-image{ position:relative; padding-left:50px;}
.online-image .photoinfo{ position:absolute; left:0; top:0;}
.online-image .viewlinks{ width:34px; height:34px; vertical-align:middle; display:block;}
.online-image .viewlinks span{ display:inline-block; height:100%; vertical-align:middle;}
.online-image .viewlinks img{ vertical-align:middle; max-height:100%; max-width:100%;}

/* pring center */
body #main > .container-fluid.bottomblank{ padding-bottom: 80px;}
.bottomblank .panel.fixedbottom{ position: fixed; left: 220px; bottom: 0; margin: 0; right: 0; border-width: 1px 0 0; border-radius:0; background-color: rgba(255,255,255,0.9); z-index: 10; padding-right: 40px;}
.sidebar-minimized .bottomblank .panel.fixedbottom{ left: 60px;}


/* ftp */
.dropbox{height:120px; border:3px dashed #91c854; border-radius:5px; position:relative;}
.dropbox input.multiple{ display:none;}
.dropbox .group{ width:300px; position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-50px; text-align:center;}
.dropbox .group h5{ font-size:20px; line-height:30px; margin-bottom:10px; }

#upload{ display:none;}
.upload-info .filename{padding:20px 0 20px 80px; line-height:20px; font-weight:bold; position:relative; display:inline-block;}
.upload-info .photo{ position:absolute; left:0; top:0; width:60px; height:60px; text-align:center; margin:0 auto; background-position:center top; background-repeat:no-repeat; -moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
.upload-info .photo i{ line-height:60px; font-size:40px;}
.upload-info .upload-progress, .upload-info .check{font-weight:bold;}
.upload-info div.upload-progress, .upload-info div.check{padding-top:20px;padding-bottom:20px; }
.upload-info .fileurl{ margin:0; display:none;}
.upload-info .check p{ margin:0;}

.upload-album{ padding: 0 !important; overflow: hidden;}
.uploadimg{ width: 48px; height: 48px; float: left;  display: table; margin: 5px; background-color: #eeeeee; cursor: pointer;  position: relative;}
.uploadimg span{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; overflow:hidden;}
.uploadimg span img{vertical-align: middle; max-width: 48px; max-height:48px;}
.uploadimg .remove{ display: block; line-height: 15px;  color: #fff; background-color: rgba(0, 0, 0, 0.7); position: absolute; right: 0; bottom: 0; font-size: 12px; width: 15px; text-align: center;}
.uploadimg i{ font-size: 2em; color: #ccc; line-height: 48px;}
.uploadimg input{display: none;}


/* organization */
.orgcontent{ padding:30px 0 50px 0; overflow-x:auto; position:relative;}
.jOrgChart table{ margin:0 auto;}
.jOrgChart .line {height:30px; width: 4px;}
.jOrgChart .down {background-color:#ccc; margin: 0px auto;}
.jOrgChart .top { border-top: 3px solid #ccc;}
.jOrgChart .left {border-right: 2px solid #ccc;}
.jOrgChart .right {border-left: 2px solid #ccc;}
.jOrgChart td {text-align:center;vertical-align: top;padding:0;}
/* The node */
.jOrgChart .node { display:inline-block; z-index:10; position:relative; font-size:13px;background-color:#63D3E9;border-radius:5px;border:3px solid white;color:#fff; padding:5px 8px; font-weight:bold; margin:0 2px;}
.jOrgChart .contracted .node{ background-color:#7ca4d2; color:#fff;}
.jOrgChart .node:hover{-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0  rgba(0, 0, 0, 0.5);}
.jOrgChart .expanded .node{ background-color:#63D3E9; color:#fff;}
.drag-active { border-style: dotted !important;}
.drop-hover {border-style: solid !important; border-color:#E05E00 !important;}
.dropdown-menu .nav-header{ font-size:12px;}

/* allot */
.steps.custom{border:0;}
.custom .form-wizard li a{ cursor: pointer;}
.panel .form-wizard > .steps > ul > li.current > a > .number:after{ content:"\e605";}
.panel .form-wizard > .actions, .modal .form-wizard > .actions{ display:none;}
.form-wizard > .steps > ul > .abnormal.current > a > .number {background-color:#ed5466;}
.form-wizard > .steps > ul > .abnormal.current:last-child > a:after {background-image: linear-gradient(to right, #dde4e6 0px, #ed5466 100%);}

/* examine */
#approve .list-group-item .badge { float:none; margin-right:10px;}
#approve .list-group-item .option{display: inline-block;float: right;}
#approve .list-group-item .option  i{background-color: transparent; display:none; color: #9a9a9a; float: left;padding-left: 6px; padding-left:5px; padding-right:5px; font-size:12px; line-height:1.5;}
#approve .list-group-item .option  i:hover{ color:#666;}

/* store */
.stafflabel{ max-height:120px;}

#currency-list .list-group-item input.form-control{ width:50px;}
#currency-list .list-group-item strong{ width:80px; position:absolute; left:10px; top:5px;}
#currency-list .list-group-item .option { display: inline-block; float: right;}

/*workorder*/
.modal-open .mfp-bg{ z-index:1051;}
.modal-open .mfp-wrap{ z-index:1052;}

/* module shop */
#module-grid ul{ list-style:none; margin:0; padding:0;}
#module-grid .panel-body{ padding-left:10px; padding-right:10px;}
#module-grid .item{padding:0 10px; float:left; width:240px;}
#module-grid .item .panel{ transition:all 0.5s ease 0s;}
#module-grid .item.active .panel{ background-color:#f2f2f2;}
#module-grid .item.active .panel-heading{ background-color:#e0e0e0;}
.item .panel .panel-ribbon span{ color:#fff; font-weight:bold; font-size:10px; font-family: tahoma;font-size: 10px; left: 2px; line-height: 20px;  position: absolute;top:3px; z-index: 1;-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg)}
.item .panel:hover{-moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;box-shadow:0 0 10px #999;}
.item .panel-heading{ height:90px; position:relative;}
.item .panel-heading h5{ font-size:16px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.item .panel-body{ margin-top:-60px;z-index:2;}
.item .panel-body img{ width:120px; height:120px; border-radius:50%; padding:1px; background-color:#fff; -moz-box-shadow:0 0 0 5px #eee; -webkit-box-shadow: 0 0 0 5px #eee;box-shadow: 0 0 0 5px #eee; transition: all 0.5s ease 0s;}
.item .panel:hover .panel-body img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1); transform:  scale(1.1);}

.item .panel-body h3{ margin-top:10px;}
.item .panel-body h3 span{ padding-left:5px; color:#999; font-size:0.6em;}
#main #module-grid .panel .table  tr th{ background-color:transparent; border-color:#CFD9DB; color:#999;}

.item .sidelabel{position:absolute; width:55px; padding-left:5px; color:#fff;font-size:12px ;font-weight:bold;right:-5px;border:none;bottom:15px;line-height:24px;background-color:#999; text-align:center; z-index:1;}
.item .sidelabel:before{display:inline-block;content:"";position:absolute;top:-8px;left:-5px;border-style:solid;border-color:transparent #f6f6f6 transparent transparent;border-width:20px 12px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);transform: rotate(180deg);}
.item .sidelabel:after{display:inline-block;content:"";position:absolute;top:23px;right:1px;border-style:solid;border-color:transparent transparent #333 #333;border-width:3px 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}

.item .sidelabel.side-danger{ background-color:#ed5466;}
.item .sidelabel.side-primary{ background-color:#7ca4d2;}
.item .sidelabel.side-success{ background-color:#91c854;}

.nav-tabs .right-group{ float:right; padding:10px 10px 0 0; color:#999;}

.mycart{ bottom: 55px; position: fixed; right: 10px; z-index: 998;}
.cartico{background-color:#ccc;border-radius: 50%; color:#fff; display: block; font-size: 16px; height: 40px; line-height: 40px;  text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); width: 40px; }
.cartico:hover, .mycart:hover .cartico{ background-color:#6285ad; color:#fff;}
.cartico .label{ position:absolute; right:-5px; top:-5px;}
.mycart ul{ display:none; margin:0; min-height:30px; list-style:none; z-index:1; border-radius: 3px; right:40px; padding: 5px;position: absolute; bottom:0; width: 100px; background-color:#fff;-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0  rgba(0, 0, 0, 0.5);}
.mycart ul:before { position: absolute; z-index:2;bottom:10px; right: 0px; margin-right: -8px; content: ""; width: 0px; height: 0px; border-style: solid;border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #fff; }
.mycart:hover ul{ display:block;}
.mycart ul .btn-success{ display:none;}
.mycart ul li{ clear:both; width:100%; margin-bottom:5px;}
.mycart ul li.noitem{ background-color:#f2f2f2; border-radius:3px; margin:0; line-height:20px; padding:10px 0; text-align:center; font-size:14px; font-weight:bold; color:#aaa;}
.mycart ul li.noitem p{ margin:5px 0 0 0; font-size:12px;}
.mycart ul li .item-label{background:#f2f2f2; line-height:20px; border-radius: 3px; color: #666;display:block;padding:5px 20px 5px 10px;vertical-align: baseline; position:relative;}
.mycart ul li .item-label:hover{background:#eee; color:#333;}
.mycart ul li .item-label .close{ position:absolute; right:10px; top:5px;}

#cartoondetail{ position:absolute; width:132px; height:130px; z-index:999; display:none;}
#cartoondetail img{width:100%; height:100%; border-radius:50%; padding:1px; background-color:#fff; -moz-box-shadow:0 0 0 5px #eee; -webkit-box-shadow: 0 0 0 5px #eee;box-shadow: 0 0 0 5px #eee;}

.tools-fg{ margin-bottom:5px; height:24px; position:relative;}
.tools-fg:before{ content:""; height:4px; background-color:#c0c0c0; overflow:hidden; z-index:1; position:absolute; left:30px; top:8px; right:0;}
.tools-fg .label{ font-size:12px; line-height:20px; height:22px; padding-left:10px; padding-right:10px; border:1px solid #fff; z-index:2; position:relative; margin-left:25px;}

.cart-list .panel-footer strong.price{ font-size:1.5em; padding:0 30px 0 15px;}
.cart-list .panel-footer strong{ line-height:40px; font-size:16px;}
.cart-list .panel-footer .list-table{ padding:0 30px;}
.cart-list .panel-footer .btn-lg{font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.cart-list del.price{ font-size:14px; color:#999; margin-left:10px;}


/* recharge */
.nav.nav-pills.nav-recharge li{ margin-right:10px;}
.nav.nav-pills.nav-recharge li a{ line-height:14px; background-color:#f8f8f8;}
.nav.nav-pills.nav-recharge li a:hover{background-color:#eee;}
.nav.nav-pills.nav-recharge li.active a{ background-color:#7ca4d2;}

.nav-payment{ padding:0; list-style:none;}
.nav-payment li{ float:left; margin:0 10px 5px 0;}
.nav-payment li a{ display:inline-block; border:2px solid #eee;}
.nav-payment li a:hover{ border-color:#ccc;}
.nav-payment li.active a{ border-color:#7ca4d2; position:relative;}
.nav-payment li.active a:before{bottom: -3px; color: #7ca4d2; content:"\e72a"; font-family: "iconfont"; font-size: 20px; position: absolute; right: 3px;}



 
/* photo gallery */
/* .photo-gallery{ width:980px;}*/
.photo-gallery .modal-header, .photo-gallery .modal-footer{ padding:6px 15px 4px;}
.photo-gallery .badge{ font-size:12px;}
.photo-gallery .modal-body { margin:0; padding:0;}
.photo-gallery .modal-body .panel-heading{ background-color:#dde4e6; margin:0;}
#ui-datepicker-div{ z-index:1051 !important;}
.photo-gallery .photo-group-body{ padding-left:240px; padding-bottom:41px; height:540px; position:relative; background-color:#fff;}

.photo-gallery .btn-add .btn.btn-default:focus{background-color: #c0c0c0;border-color: #999;color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3) inset;}

.gallery-sort{ position:absolute; top:0; bottom:0; left:0; width:240px; background-color:#fff; z-index:2; border-right:1px solid #cfd9db; overflow:hidden;}
.gallery-sort .panel{ border-radius:0; border-width:1px 0 0; background-color:#fff; overflow:inherit;}
.gallery-sort .panel + .panel{ margin:-1px 0 0;}
.photo-gallery .modal-body .gallery-sort .panel .panel-heading{border-radius:0; background-color:#f6f6f6; border-color:#cfd9db; border-style: solid; border-width:0 0 1px;}
.gallery-sort .panel-body{ box-sizing:border-box; padding:0; overflow-y:auto; overflow-x:hidden;}

.sortitem{ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);  color:#555; border:1px solid #cfd9db; border-radius:3px; display:block; margin:8px 10px; padding:5px 30px 5px 7px; background-color:#f5f5f5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 13px; line-height: 20px; position:relative;}
.sortitem:hover{color:#777; background-color:#ededed;}
.sortitem.active{ color:#fff; background-color:#7ca4d2; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1); border-color:#6285ad;}
.sortitem.active:hover{color:#fff;  border-color:#0099c2;background-color:#6285ad;}
.sortitem .badge{ position:absolute; right:10px; top:6px; line-height:1.5;}
.sortitem.active .badge{ background-color:#fff; color:#7ca4d2;}

.photo-group-body .panel-footer{ padding:5px 10px; position:absolute; bottom:0; right:0; left:240px;}
.photo-group-body .panel-footer .page-nav .btn{ padding:5px 8px;}

.photo-group-body .autoscrolllist { border-top:1px solid #cfd9db;}
.photo-group-body .autoscrolllist .list-body > li, .photo-group-body .autoscrolllist .list-title > li{ position:relative;}
.photo-group-body .autoscrolllist .select{ position:absolute; left:10px; top:5px;}

.photo-group-body .image-name{ color:#6a6a6a;}
.photo-group-body .image-select{ width:30px; text-align:center;}
.photo-group-body .image-size{ width:120px; text-align:center;}
.photo-group-body .image-quote{ width:100px; text-align:center;}
.photo-group-body .image-quote i{ font-size:16px;}
.photo-group-body .image-date{ width:120px; text-align:center;}
.photo-group-body .image-upload{ width:100px; text-align:center;}
.photo-group-body .image-view{ width:40px; text-align:center;}
.photo-group-body .autoscrolllist .photo{ display:none;}
.photo-group-body .autoscrolllist .magnific { position:absolute; right:13px; top:5px; font-size: 1.2em;}

.photo-group-body .autoscrolllist .list-body.gridtype{ padding:10px 8px;}
.photo-group-body .autoscrolllist .list-body.gridtype > li{ width:110px; height:135px; border:1px solid #e0e0e0; border-radius:4px; margin:7px 5px; float:left;}
.photo-group-body .autoscrolllist .list-body.gridtype > li:hover{ border-color:#ccc;}
.photo-group-body .autoscrolllist .list-body.gridtype > li.active{background-color:#fff9ea !important; border-color:#da9e00; -moz-box-shadow:0 0 5px #da9e00; -webkit-box-shadow:0 0 5px #da9e00;  box-shadow:0 0 5px #da9e00;}
.photo-group-body .autoscrolllist .list-body.gridtype ul{ display:block; height:20px; line-height:20px; overflow:hidden; padding-left:25px; position:relative; border:0;}
.photo-group-body .autoscrolllist .list-body.gridtype .image-quote{ position:absolute; left:5px; top:2px; display:block; width:auto; text-align:left; padding:0;}
.photo-group-body .autoscrolllist .list-body.gridtype .image-name{ line-height:20px; display:block; padding:0 5px 0 0;}
.photo-group-body .autoscrolllist .list-body li.active .image-name{ color:#da9e00;}
.photo-group-body .autoscrolllist .list-body.gridtype li .photo{background-position: center; background-repeat: no-repeat; background-size: cover; height:100px;width:100px; margin:5px auto; display:block; border-radius: 2px;}
.photo-group-body .autoscrolllist .list-body.gridtype li .photo:hover{-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.photo-group-body .autoscrolllist .list-body.gridtype li .magnific { display:none; right:8px; top:8px; line-height: 30px; text-align: center; width: 30px; border-radius: 50%;line-height:30px; overflow: hidden; background-color:rgba(0,0,0,0.5); color:#fff;}
 .photo-group-body .autoscrolllist .list-body.gridtype li:hover .magnific{display:block;}
.list-body.gridtype li .select, .list-body.gridtype li .image-size, .list-body.gridtype li .image-select, .list-body.gridtype li .image-quote strong, .list-body.gridtype li .image-date, .list-body.gridtype li .image-upload, .list-body.gridtype li .image-view { display:none; }

.photo-group-body .autoscrolllist.view-checkbox  .list-body.gridtype .image-quote{ display: none;}
.view-checkbox .list-body.gridtype li .select{ display: block; left: 5px; bottom:6px; top: auto;}

#tooltip { position:absolute; z-index:1051; width:auto; max-width:220px; background:rgba(255,255,255,0.9); padding:5px 10px; min-height:1em; border-radius:4px; border:1px solid #ccc; -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3);}
#tooltip h4{font-size:14px; line-height:20px; color:#da9e00; margin:0 0 5px 0; padding:0; font-weight:bold; word-break:break-all; word-wrap:break-word;}
#tooltip p { margin:0; padding:0; color:#7ca4d2; line-height:20px;}
#tooltip p strong{ padding-right:5px; color:#7a7a7a;}

#tooltip.phototool{ max-width:270px; max-height: 270px; padding: 5px;}
#tooltip.phototool img{ max-width: 100%; max-height:  100%;}

/* site mail */
.message-col-right .timeline.main{ overflow:inherit; margin-left:50px;}
.message-col-right .timeline.main:after{ left:30px;background-color:#7ca4d2; z-index:1;}
.message-col-right .timeline.main .header{ margin:0 0 20px; height:30px; position:relative; left:-30px;}


.message-col-right .timeline.main .header .title { display:inline-block; float:left; background:#7ca4d2; border-radius: 3px;color: #fff;font-size: 14px;font-weight: 700;padding-bottom: 2px;padding:0 20px; line-height:30px;}
.message-col-right .timeline.main .header .loading{ left:-20px; background-color:#dde4e6; font-weight:bold; color:#999; line-height:30px; padding:0 15px 0 35px; font-size:14px; border-radius:15px; -moz-box-shadow:0 0 5px 0 #fff;-webkit-box-shadow:0 0 5px 0 #fff;box-shadow:0 0 5px 0 #fff;}
.message-col-right .timeline.main .header .loading i{ left:15px; top:8px;}
.message-col-right .timeline.main .header .btn-success{ float:left; margin-left:15px;}
.message-col-right .timeline.main li .list-table.dis-none{ display:none;}
.message-col-right .list-table .photo{ width:60px; text-align:center; vertical-align:top; padding-right:10px; cursor:pointer;}
.message-col-right .list-table .photo img{ max-width:50px; max-height:50px;}
.message-col-right .timeline.main li .panel-body .favorite{ position:absolute; right:3px; top:2px; color:#fff; font-size:18px; z-index:10; width:20px; text-align:center; display:block; line-height:21px;}

.message-col-right .timeline.main li.wrapper .panel .panel-body{ padding-left:20px; padding-right:20px;}
.message-col-right .timeline.main li.wrapper .panel-body:after{border-color:#7ca4d2 transparent  transparent; border-style: solid; border-width:40px 0 0 40px ; content: ""; height: 0; right: 0;position: absolute; top: 0; width: 0;}
.message-col-right .timeline.main li.wrapper.favorited .panel-body:after{border-color:#ccc transparent transparent;}

.list-table li.detail h5{ margin:0 0 5px 0; font-weight:bold;}
.list-table li.detail h5 .date{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; padding-left:15px; color:#999; float:right;}
.list-table li.detail h5 .date a{ margin-left:10px; font-size:12px;}
.timeline.main li .reply-group{ padding-left:65px; padding-top:10px;}
.modal-body .reply-group{ margin:10px 0;}
.modal-body .reply-group li.detail{ background-color:#fff; border-color:#e0e0e0; -webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;}
.reply-group li.detail{background-color:#f9f9f9; padding:5px 10px; border:1px solid #efefef; border-radius:3px;}
.message-col-right .timeline.main li.wrapper{ margin-left:65px;position: relative;}

.message-col-right .timeline.main li .type{font-size:16px; width:120px; text-align:right; left: -173px; color:#7ca4d2; display:inline-block; line-height: 24px;padding: 25px 0 0 0;position: absolute; top: 12px;font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.message-col-right .timeline.main li .type:after{background:#7ca4d2;content: "";display: block; height: 2px; position: absolute; right: -50px;top:8px;width:30px;}
.message-col-right .timeline.main li .type:before{background:#7ca4d2; content: ""; display: block; height: 8px; position: absolute;right: -21px;top:5px; width: 8px;}
.message-col-right .timeline.main li .type i{display: inline-block;right: 0; position: absolute;top: 0; font-size:24px;}
.message-col-right .timeline.main li.wrapper .more-reply{ margin:10px 0 0 65px;}
.message-col-right .timeline.main li.wrapper .more-reply a{ display:block; border:1px solid #eee; background-color:#f9f9f9; border-radius:4px; text-align:center; line-height:24px; color:#666; transition:all 0.5s ease 0s;}
.message-col-right .timeline.main li.wrapper .more-reply a .num{ color:#7ca4d2; font-weight:bold; padding:0 3px;}
.message-col-right .timeline.main li.wrapper .more-reply a:hover{ background-color:transparent; border-color:#e0e0e0; color:#7ca4d2}

.message-col-right .timeline.main li.wrapper.no-data .panel-body:after{ border-color:transparent;}
.message-col-right .timeline.main li.wrapper.no-data .panel p{ line-height:40px; color:#7ca4d2; font-size:18px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}

.no-message{ background-color: #dde4e6; border-radius: 15px; -webkit-box-shadow: 0 0 5px 0 #fff; -moz-box-shadow: 0 0 5px 0 #fff; box-shadow: 0 0 5px 0 #fff; color: #999; font-size: 14px; font-weight: bold; left: -20px; line-height: 30px; padding:0 20px; display:inline-block; position:relative;}

.message-col-right .timeline.main li.tort .type{ color:#ed5466;}
.message-col-right .timeline.main li.tort .type:before, .timeline.main li.tort .type:after{ background-color:#ed5466;}

.message-col-right .timeline.main li{ z-index:2;}
.message-col-right .timeline.main li.wrapper .figure {background-color: #ecf0f1; border-radius: 50%;box-shadow: 0 0 0 3px #ecf0f1;color: #b1c2c6; height: 34px; left:30px; line-height: 34px;margin-left: -18px; margin-top: 5px; position: absolute;text-align: center; width: 34px;z-index: 5;}
.message-col-right .timeline.main li.wrapper .panel:before{border-style: solid;content: ""; height: 0; position: absolute;width: 0;border-color: transparent #cfd9db transparent transparent; border-width: 10px 10px 10px 0;left: -11px;top: 10px;}
.message-col-right .timeline.main li.wrapper .panel:after{border-style: solid;content: ""; height: 0;position: absolute;width: 0;border-color: transparent #fff transparent transparent;border-width: 10px 10px 10px 0;left: -10px;top: 10px;}


.message-col-left{min-height: 1px;padding-left: 15px;padding-right: 15px;position: relative; float:left; width:25%;}
.message-col-right{min-height: 1px;padding-left: 15px;padding-right: 15px;position: relative; float:left; width:75%;}
.message-tab{ position:relative; z-index:3;}
.message-tab .list-group-item{ border-radius:4px; margin-bottom:3px;}
.message-tab .list-group-item.active>a{background-color: #7ca4d2; color: #fff;}
.message-tab.list-group-tabs .list-group-item.active a:after{ margin:0; display:none;}

.message-tab .list-group-item>a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dropdown-menu.fixed-height, .dropdown-menu .fixed-height{ max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.dropdown-menu .fixed-height + li{ border-top: #e0e7e8 1px solid; padding-top: 5px;}
.dropdown-menu > .fixed-height > li > a{clear: both; color: #5e5e5e; display: block; font-weight: 400;line-height: 20px; padding: 4px 15px; white-space: nowrap; max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dropdown-menu > .fixed-height > li{margin: 0; text-align: left;}
.dropdown-menu > .fixed-height > li > a:hover, .dropdown-menu > .fixed-height > li > a:focus{ background-color: #f5f5f5;color: #262626;text-decoration: none;}
.dropdown-menu > .fixed-height > .dropdown-header{font-size: 13px; font-weight: 600; padding: 6px 15px !important;}
.dropdown-menu.tape-deletion {width: 100%;}
.dropdown-menu.tape-deletion li {padding-right: 10px;position: relative;}
.dropdown-menu.tape-deletion li a {white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; display: block;}
.dropdown-menu.tape-deletion li .delete {position: absolute; top:0; right: 0px;padding: 7px; color:#999;z-index: 1; cursor: pointer;}
.dropdown-menu.tape-deletion li:hover .delete {color:#ed5466;}

.list-group-item a .label{ color:#fff; background-color: #ccc; margin-left:8px;}
.message-tab .list-group-item.active>a .label{ color:#7ca4d2; background-color: #fff;}
.message-tab .list-group-item a .text{ padding-left:5px;}
.message-tab .list-group-item.closed .dropdown-menu{ display:none;}

.list-table .photo{ width:60px; text-align:center; vertical-align:top; padding-right:10px; cursor:pointer;}
.list-table .photo img{ max-width:50px; max-height:50px;}
.modal-body .reply-group{ margin:10px 0;}
.modal-body .reply-group li.detail{ background-color:#fff; border-color:#e0e0e0; -webkit-box-shadow:0 0 5px #ccc; -moz-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc;}
.reply-group li.detail{background-color:#f9f9f9; padding:5px 10px; border:1px solid #efefef; border-radius:3px;}


/* aliexpress  publish */
#main .container-fluid.view-help{ position: relative; padding-right: 255px;}
.panel.panel-help{right:-240px; border-radius:0; position: fixed; top: 30px; bottom: 0; width: 240px; margin: 0; z-index:1029; border-width: 0 0 0 1px;}
.panel.panel-help .panel-heading{ padding-left: 50px; position: relative; border-radius:0;}
.panel.panel-help .panel-heading .close-message {color: #ccc; font-size: 2em;left: 15px; position: absolute; top: 8px; transition: all 0.5s ease 0s;}
.panel.panel-help .panel-body{border-top: 1px solid #cfd9db;bottom:0;left: 0;overflow-y: auto;padding: 0;position: absolute;top: 40px; right: 0; padding: 10px;}
.container-fluid.view-help .panel.panel-help {right:0;}

.has-catalog {width: 960px; margin: 0 auto;}
.catalog-scroller{ position: fixed; right: 50%; top: 80px; margin-right: -690px; width: 200px;}
.catalog-scroller:before{ height: 100%; content: ""; width: 2px; overflow: hidden; background-color: #dcdcdc; position: absolute; top: 0; left: 10px; z-index: 1;}
.catalog-list{position: relative;z-index: 2; margin: 0; padding: 10px 0 10px 20px; list-style: none;}
.catalog-list:before{ position: absolute; z-index: 3; position: absolute; left: 7px; top: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";}
.catalog-list:after{ position: absolute; z-index: 3; position: absolute; left: 7px; bottom: -3px; background-color: #ecf0f1; border:2px solid #ccc; border-radius: 50%; width: 8px; height: 8px; content: "";}
.catalog-list li{ clear: both; margin-bottom: 5px;}
.catalog-list li:last-child{ margin: 0;}
.catalog-list .title-link{display: block; position: relative; line-height: 19px; font-size: 14px; font-weight: bold; color: #7a7a7a; padding: 3px 5px; transition: all 0.5s ease 0s;}
.catalog-list .title-link em{ padding-right: 3px; font-style: normal;}
.catalog-list .title-link:before { content: ""; position: absolute; z-index: 4; top: 7px; left: -14px; width: 10px; height: 10px; border-radius: 50%; background-color: #999; border:2px solid #ecf0f1;}
.catalog-list .title-link:hover:before{ background-color: #00b1e1;}
.catalog-list .title-link:hover{ background-color: #dfe6e8; color: #555; border-radius: 3px;}
.catalog-list .sub-catalog{ margin-top: 5px; padding-left: 12px; list-style: none;}
.catalog-list .sub-catalog .title-link{ font-weight: normal; font-size: 13px;}
.catalog-list .sub-catalog .title-link:before { display: none;}

/*logistics tracking 物流跟踪*/
.logistics-list {border: 1px solid #cfd9db; border-radius: 4px; position: relative; list-style: none;}
.logistics-list .list-group-item {border: none; padding-bottom: 0; margin-bottom:0;}
.logistics-list .list-group-item:first-child {border-bottom: 1px solid #cfd9db !important;}
.logistics-list .list-group-item .title {position: absolute; font-size: 14px; line-height: 30px;}
.logistics-list .logistics-ul{list-style: none; position: relative; margin-left: 35px;}
.logistics-list .logistics-ul>li {float: left; margin: 0 8px 8px 0;}
.logistics-list .logistics-ul>li>a{background-color: #f8f8f8; cursor: pointer; border: 1px solid #f8f8f8; color: #5E5E5E; border-radius: 3px; display: block; font-size: 13px; line-height: 20px;padding: 3px 5px;}
.logistics-list .logistics-ul .active>a {background: #7ca4d2; border-color: #7ca4d2; color: #fff;}

.logistics-list.publish-type .logistics-ul>li>a{ background-color: #f0f0f0;}
.logistics-ul li .icon-item, .small-list .logistics-ul li .icon-item{ padding-left: 40px; position: relative;}
.logistics-ul li .icon-item img,  .small-list .logistics-ul li .icon-item img{ position: absolute; bottom: -2px; left: 5px;}

.logistics-list .dis-none-all {display: none;}
.logistics-list .btn-screen{position: absolute; bottom: -12px; left:48%; z-index: 2; font-size: 12px;}
.logistics-list .logistics-menu {position: absolute !important; left:-35px;}

.field-group h4.title{ line-height: 30px; margin: 0;}

.logistics-box {margin-left: 30px !important; margin-right: 30px;} 
.logistics-box ul {padding: 5px 10px; box-sizing: border-box;}
.logistics-box ul li {display: block;}
.logistics-box ul li span {display: inline-block;}
.logistics-box ul li .title {width: 200px;}
.logistics-box .logistics-title {height: 30px; padding: 8px 10px;}
.logistics-time .submenu:after {border-left: 1px solid #ccc !important; bottom: 0; content: ""; left: 32px; position: absolute; top: 0;}
.logistics-time .submenu { position: relative; margin: 10px 0;}
.logistics-time .submenu li {position: relative; margin-left: 45px;}
.logistics-time .submenu li:after {content: ""; background-color: #ccc !important; border: 2px solid #fff; border-radius: 50% !important; bottom: auto;height: 13px;left: -29px !important; top: 6px !important; width: 13px; position: absolute; z-index: 1 !important;}
.logistics-time .submenu .active:after {background-color: #428bca !important;}

.label-set-list .btn-screen{position: absolute; bottom: -12px; left:48%; z-index: 2; font-size: 12px;}
.logistics-list .more-items{ clear:both;}

.logistics-box1 ul {padding: 5px 10px; box-sizing: border-box;}
.logistics-box1 ul li {display: block; padding: 5px 3px; vertical-align: middle; word-break: break-all; word-wrap: break-word;}
.logistics-box1 ul li span {display: inline-block;}
.logistics-box1 ul li .title {width: 130px; display: table-cell;}
.logistics-box1 .logistics-time .submenu:after {border-left: 1px solid #ccc !important; bottom: 0; content: ""; left: 32px; position: absolute; top: 0;}
.logistics-box1 .logistics-time .submenu { position: relative; margin: 10px 0; display: table;}
.logistics-box1 ul li .content {display: table-cell;}
.logistics-box1 .logistics-time .submenu li {position: relative; margin-left: 45px;}
.logistics-box1 .logistics-time .submenu li:after {content: ""; background-color: #ccc !important; border: 2px solid #fff; border-radius: 50% !important; bottom: auto;height: 13px;left: -29px !important; top: 6px !important; width: 13px; position: absolute; z-index: 1 !important;}
.logistics-box1 .logistics-time .submenu .active:after {background-color: #428bca !important;}



/*-----------订单管理备注颜色-------------*/
.remarks-color>a {display: inline-block; margin-top: 6px; font-size: 20px; width: 20px; height: 20px; cursor: pointer; border: 1px solid #ccc;}
.remarks-color .active {border: 3px solid #444;}

/*-----物流渠道设置-----*/
.label-group-large{ width: 100%; padding-top: 25px; padding-bottom: 20px; position: relative;}
.label-group-large .label-name{ position: absolute; width: 100%; text-align: center; left: 0 bottom:0; line-height: 20px; color: #666; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.label-group-large .btn-changelabel{ position: absolute; left: 0; top: 0;}
.label-group-large .photo{text-align: center; border:1px solid #fff; vertical-align: middle; height:247px; position: relative; background: url(../theme/image/loading-bubbles.svg) center no-repeat;}
.label-group-large .photo img{ max-width: 100%; max-height: 247px; vertical-align: middle;}
.label-group-large .photo span{display: inline-block;height: 100%; vertical-align: middle;}
.label-group-large .photo .select-label{ margin: 20px; background-color: #eee;border: 3px dashed #ccc; border-radius: 10px; line-height: 100%; text-align: center; height:207px; display: block;}
.label-group-large .photo .select-label i{ font-size: 60px;  color: #ccc; line-height: 207px;}

.label-group-large .nodata{border: 3px dashed #e0e0e0; border-radius: 10px; margin: 20px; text-align: center; height:207px; background-color: #fff; display: none;}
.label-group-large .nodata .title{ font-size: 32px; line-height: 70px; color: #ccc; margin: 0; padding-top: 40px;}
.label-group-large .nodata p{ color: #999; line-height: 30px;margin: 0;}
.label-group-large .nodata:before{ content: "\e3f2"; position: absolute; right: 45px; top: 8px;  color: #ccc; font-size: 45px;  font-family: "iconfont";}

.mintype .panel-title, .mintype .panel-toolbar{ height: 30px;}


.fixed-menu {position: fixed; right: 10px; z-index: 998; bottom: 10px; width: 40px;}
.fixed-menu .totop { position:relative !important; right: 0 !important; bottom: 0 !important; margin-right: 0; background-color: rgba(0, 182, 173, 0.8);border-radius: 50%; color: rgba(255, 255, 255, 0.8); margin-top: 20px; display: block; font-size: 16px; height: 40px; line-height: 40px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); width: 40px;}
.fixed-switch {position: fixed; right: 10px; z-index: 998; bottom: 10px; padding: 10px 20px; border-radius: 50px; font-weight: 600; display: block;}
.fixed-switch.danger {background-color: rgba(189, 32, 41, 0.9); color: rgba(255, 255, 255, 0.8);}
.fixed-switch.danger:hover {background-color: rgba(189, 32, 41, 1);}
.fixed-switch.orange {background-color: rgba(254, 105, 5, 0.9); color: rgba(255, 255, 255, 0.8);}
.fixed-switch.orange:hover {background-color: rgba(254, 105, 5, 1);}

.fixed_ratio {position: fixed; right:10px; z-index: 999; top:45%; width: 30px; background-color: #7ca4d2; padding: 10px 0px 10px 8px; color: #fff; cursor: pointer;}
.fixed_ratio:hover, .fixed_ratio:active, .fixed_ratio:focus{background-color: #6285ad; color: #fff;}
#data_comparison {display: block; position: fixed; z-index: 999; top:30%; right: 45px; width: 405px;}
#data_comparison .panel {height: 100%; background: #f2f1f1; margin-bottom: 0;}
#data_comparison table tbody tr:last-child td {border-bottom:1px solid #cfd9db;}
#data_comparison .table-responsive {max-height: -moz-calc(100% - 41px); max-height: -webkit-calc(100% - 41px); max-height: calc(100% - 41px); overflow-y: auto;}

.purchase-manage .panel-heading > .panel-title > a, .purchase-manage .panel-heading > .panel-title > a:active, .purchase-manage .panel-heading > .panel-title > a:focus, .purchase-manage .panel-heading > .purchase-manage .panel-title > a:hover {color: inherit;}
.purchase-manage .table-responsive .photo img {width: 50px; height: 50px;}

.logistics-deliver .selected {background: url(../image/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;}
.logistics-deliver>.panel {display: block; cursor: pointer; border-width: 2px !important;}
.logistics-deliver>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;}
.logistics-deliver>.panel.active {border-color: #7dab4a;}
.logistics-deliver>.panel.active .selected {background: url(../image/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;}
.logistics-deliver .panel-body {padding: 5px 15px;}
.logistics-deliver .panel-heading > .panel-title, .logistics-deliver .panel-heading > .panel-toolbar {height: 30px;}



/*.printlabel-channel a.active {border-color: #7dab4a;}
.printlabel-channel a {cursor: pointer;}
.printlabel-channel a.active .selected {display: block;}
.printlabel-channel .panel-body {color: #333;}
.printlabel-channel a.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;}
.printlabel-channel a.active .selected {background: url(../image/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;}
.printlabel-channel .print-panel {display: block;}
.printlabel-channel .print-panel a {height: 120px;}
.printlabel-channel .print-panel a:first-child {width: 60%; display: inline-block; float: left;}
.printlabel-channel .print-panel a:last-child {width: 40%; display: inline-block; float: left;}
.printlabel-channel .print-panel a:first-child .panel-title {line-height: 20px;}
.printlabel-channel .print-panel a:last-child .panel-title {height: 50px;}*/
.printlabel-channel .selected {background: url(../image/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;}
.printlabel-channel>.panel {display: block; cursor: pointer; border-width: 2px !important;}
.printlabel-channel>.panel table td {position: relative; border: 1px solid #cfd9db;}
.printlabel-channel>.panel.active {border: 2px solid #7dab4a !important;}
.printlabel-channel>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;}
.printlabel-channel>.panel.active table td.active {border: 1px solid #7dab4a !important; box-sizing: border-box; background: none !important;}
.printlabel-channel>.panel.active table td.active .selected {background: url(../image/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;}


/*---------------order  modal------------------*/
.event-modal-frame .modal-dialog{width: 420px; top:250px; background-color: #fff; -webkit-box-shadow:0 0 0 8px rgba(0,0,0,0.2); -moz-box-shadow:0 0 0 8px rgba(0,0,0,0.2); box-shadow:0 0 0 8px rgba(0,0,0,0.2);transition: all 0.5s ease 0s;}
.event-modal-frame .min-title{ display: none; line-height: 30px; color: #333; background: #ecf0f1 url(../theme/image/loading-bubbles.svg) 10px center no-repeat; padding: 0 15px 0 45px; border-radius: 5px 5px 0 0; cursor: pointer; transition: all 0.5s ease 0s; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3);}
.event-modal-frame .modal-dialog .modal-body{background-color: #ecf0f1; padding: 0; height: 100px;}
.event-modal-frame .modal-toolbar{position: absolute; top: -25px; right:2px; height:30px; }
.event-modal-frame .modal-toolbar .btn{padding:0 5px; background-color: #c0c0c0; border:2px solid #ecf0f1;; color: #fff; height: 28px;  text-align: center; font-size:16px; line-height:24px;  transition:all 0.5s ease 0s;}
.event-modal-frame .modal-toolbar .btn:last-child{ margin-left: -2px; border-radius: 0 5px 0 0;}
.event-modal-frame .modal-toolbar .btn:hover{ background-color:#999;}
.event-modal-frame .modal-footer{ text-align: center; padding: 5px 10px;}

.event-modal-frame.min-type{ right: 60px; top: auto; left: auto; height: 30px; overflow: inherit; display: block !important; -moz-opacity: 1; -webkit-opacity: 1; opacity: 1;  }
.event-modal-frame.min-type .min-title{ display: inline-block; }
.event-modal-frame.min-type .min-title:hover{ background-color: #fff; color: #7ca4d2;}
.event-modal-frame.min-type .modal-dialog{ display: none;}



/* ---------- messages ---------- */
.form-horizontal.form-bordered.advance-search .form-group{ margin-bottom: 0;padding-bottom:5px;padding-top:5px;}
.advance-search .form-group + .form-group { border-top: 1px solid #E0E7E8;}
.advance-search .modal-body{ padding:0 20px;}

.autoscrolllist .list-body{ overflow-y:auto; overflow-x:hidden;}
.autoscrolllist .list-body .label-platform{ display:inline-block;}
.message-list .list-title>li, .message-list .list-body>li{ padding-left:35px; position:relative;}
.message-list .list-title input[type=checkbox]{ position:absolute; left:15px; top:5px;}
.message-list .list-body input[type=checkbox]{ position:absolute; left:15px; top:7px;}
.message-list .list-body>li ul{ cursor:pointer; }
.message-list .list-body .productTr{ margin:0 15px 5px 0; background-color:transparent; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; -ms-box-shadow:none; box-shadow:none;cursor:pointer; }

.message-list .list-body .productTr p{ font-size:12px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; text-align:left; margin:0; color:#a9a9a9; font-weight:bold;}
.message-list .list-body>li.current, .message-list .list-body>li.active.current{ background-color:#eee;}

.message-list .list-body>li .side{ width:5px; height:100%; background-color:#fff; overflow:hidden; position:absolute; left:0; top:0; content:"";}
.message-list .list-body>li.active .side, .message-list .list-body>li.current .side{ background-color:#e0e0e0;}
.message-list .list-body>li.new .side, .message-list .list-body>li.new.active .side, .message-list .list-body>li.new:hover .side{ background-color:#ed5466;}
.message-list .list-body>li:hover .side{ background-color:#eee;}
.message-list .list-body>li.reply .side{ background-color:#ffd66a;}
.message-list .list-body>li:hover{ background-color:#f6f6f6 !important;}
.potofile {height: 30px; width: 30px;}
.logistics-list .input-search {padding-left: 75px;position: relative;}

.message-panel{width:60%; height:100%; background-color:#fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);position: fixed;right:-60%; top:0; z-index:1031; transition:all 0.4s ease 0.2s;}
.message-panel.opened{ right:0;}

.message-panel .message-layout{border-radius:0; border-width:0;  padding:0; position:absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%;}
.message-layout .panel-heading{ padding-left:50px; position: relative; padding-right:120px; background-color:transparent; border:0;}
.message-layout .panel-heading .close-message{ position:absolute; top:8px; left:15px; font-size:2em; color:#ccc; transition:all 0.5s ease 0s;}
.message-layout .panel-heading .close-message:hover{ color:#999;}
.message-layout .panel-heading .panel-title{ display:block; display: block;line-height: 40px; width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.message-layout .panel-heading .message-info{ position: absolute; right:15px; top:5px;}

.message-layout .panel-toolbar-wrapper{ background-color:#fff;}
.message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li a{ font-weight:bold; font-size:14px; padding:3px 15px;}
.message-layout .panel-toolbar-wrapper > .panel-toolbar{ height:30px;}
.message-layout .panel-toolbar-wrapper .panel-toolbar .nav-tabs li:first-child.active a{ background-color:#ecf0f1;}


/*---------------has footer && navbar list------------------*/
.container-fluid.has-toobar, .container-fluid.has-navbar{ position: relative;}
#main .container-fluid.has-toobar{padding-bottom: 46px;}
.container-fluid.has-toobar .page-footer, .container-fluid.has-navbar .panel-navbar{left: 235px;}
.sidebar-minimized .container-fluid.has-toobar .page-footer{left: 75px;}
.container-fluid.has-toobar .page-footer{ position: fixed; bottom: 0; right: 15px; z-index: 10;}

.panel-navbar .page-header{ padding: 0; border-bottom: 0;}
.scroll-hide{ position: relative;}

.page-header.fixed-type{ position: fixed; top: 120px; left: 235px; right: 15px; z-index: 10; background-color: #fff;}
#main.iframe-header .page-header.fixed-type {top: 93px;}
.header-minimized .page-header.fixed-type{top: 30px;}
.sidebar-minimized .page-header.fixed-type{left: 75px;}

.autoscrolllist-inline li li span {display: inline;}
.autoscrolllist-inline li li .input-group span {display: table-cell;}

.potofile {width: 30px; height: 30px;}
.logistics-list .input-search {padding-left: 75px;position: relative;}
.person-br {border-right: 1px solid #ddd;}
.person-allpurchaserequest table tbody tr.content p {margin: 0;}
.person-allpurchaserequest table tbody tr.content td {vertical-align:top;}
.person-allpurchaserequest table tbody tr.content .photo {width: 50; padding: 5px 10px 5px 0px; float: left;}
.person-allpurchaserequest table tbody tr.content .photo img {width: 50px; height: 50px;}
.person-allpurchaserequest table tbody tr.title {background: #eee;}
.person-allpurchaserequest table thead tr th {padding: 0 !important; border-bottom: none !important;}
.text-underline {text-decoration:underline;}

.ico-warningflashing {animation: warningflashing 1s infinite ease-in-out }
@keyframes warningflashing{
	  0%{
	opacity: 0.2;
	}
	100%{
	opacity: 1;
	}
}

/*----------------显示选项-----------------*/
.show-settings{ position: absolute; right: 15px; top: 0; z-index: 10; border-radius: 0 0 4px 4px; background-color: #fff; padding: 4px 5px;}

/*爆款广告*/
.votobo-hot{ width: 980px; margin: 0 auto;}
.votobo-hot ul{ margin: -10px; padding: 0; list-style: none; overflow: hidden;}
.votobo-hot li{ float: left; width: 140px; height: 140px; padding: 10px; overflow: hidden;}
.votobo-hot li a{ width: 120px; height: 120px; display: table-cell; border: 1px solid #e0e0e0; background:#fff url("http://global.votobo.com/app/hot/images/img_load2.gif") no-repeat center center; text-align: center; vertical-align: middle; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.votobo-hot li a img{max-height:118px; max-width: 118px;}
.votobo-hot li a:hover{ border-color:#999;}

.panel.panel-votobo{ background-color:#fff3d5; border:1px solid #ffd25b; margin-top: 20px;}
.panel-votobo .votobo-hot{ width: 730px;}
.panel-votobo .votobo-hot li{  width: 150px; height: 150px; }
.panel-votobo .votobo-hot li a{ width: 130px; height: 130px;}
.panel-votobo .votobo-hot li a img{max-height:128px; max-width: 128px;}

.votobo-title{ position: relative;  width: 200px; text-align: center; line-height: 24px; margin: -30px auto 10px; font-size: 18px; padding: 5px; background-color: #ffd25b; border-radius: 5px;}
.container-fluid.has-toobar .adaptive-panel {background: rgba(0, 0, 0, 0) url("../image/mask_bg.png") repeat scroll 0 0; border: 0 none; bottom: 0; box-shadow: 0 0 5px #ccc; left: 0; margin: 0; position: fixed; right: 0;}
.eventpepper {position: relative;}
.eventpepper a .event-small {position: relative; z-index: 2; display: block;}
.eventpepper a .event-bg {display: none;}
.eventpepper a:hover .event-bg {display: block; height: 100%; position: absolute; z-index: 3; right: 0; bottom:0; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5);}

/*---------------ebay publish------------------*/
.category-name-group { height: 300px; position: relative;}
.category-name-groupbox { height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 5px; margin-top: 10px !important; position: relative; }
.category-name-group .list-group-tabs { height: 250px; overflow-y: auto; overflow-x: hidden; margin-top: 10px !important;  position: relative; }
.category-name-groupbox .list-group-item:last-child{ margin-bottom: 5px;}

.category-name-group .filter-group{ padding-right: 0; margin-right: 5px;}
.category-name-group .filter-group .clear-word{ right: 5px;}
.category-name-group .filter-group .form-control{ padding-right: 25px;}


.thumbtype_publish {position: relative;}
.thumbtype_publish .thumbtype_photo {position: relative; display: inline-block; border: 1px solid #cfd9db; padding: 5px; margin-right: 5px; width: 90px; height: 90px; float: left; text-align: center; line-height:80px;}
.thumbtype_publish .thumbtype_photogrid {position: relative; display: inline-block; border: 1px solid #cfd9db; padding: 5px; margin-right: 5px; background: #f9f9f9; width: 90px; height: 90px; float: left; color: #b4b4b4; text-align: center; line-height:80px;}
.thumbtype_publish .thumbtype_photo i {position: absolute; right: 0; top:0; font-size: 12px; padding: 2px; border: 1px solid #cfd9db; background: #f1f1f1; cursor: pointer; color: #4a8594;}
.thumbtype_publish .thumbtype_photo i:hover {color: #ed5466; border: 1px solid #ed5466;}

@media (min-width: 1600px){
.has-catalog {width: 1160px; }
.catalog-scroller{ margin-right: -790px; }
}


.panel-default > .panel-heading .breadcrumb {color: #9d9d9d; font-weight: normal;}
.small-list {position: relative; list-style: none; width: 100%; margin-bottom: 0; border-bottom: 1px solid #e6e6e6;}
.small-list .list-group-item {border: none; padding-bottom: 0; margin-bottom:0; position: relative; padding-top: 5px; width: 100%;display:inline-block;}
/*.small-list .list-group-item .title {position: absolute; font-size: 14px; line-height: 30px;}
.small-list li>ul {list-style: none; position: relative; margin-left: 35px;}*/
.small-list .list-group-item label.title {line-height: 25px; width: 80px; position: absolute; left: 0; margin-bottom: 0;}
.small-list .list-group-item.list-more {display: none;}
.small-list .logistics-ul {list-style: none; position: relative; padding-left: 75px;}
.small-list .logistics-ul>li {float: left; margin: 0 8px 5px 0;}
.small-list .logistics-ul>li>a{cursor: pointer; color: #5E5E5E; border-radius: 3px; display: block; font-size: 12px; line-height: 19px;padding: 0px 5px; height: 20px;}
.small-list .logistics-ul>li>a:hover {background-color: #eee;}
.small-list .logistics-ul>li.active>a { border:1px solid #3f56a1; color: #3f56a1;}
.small-list .logistics-ul>li.active>a:hover {border:1px solid #3f56a1; background: #eee;}
.small-list .logistics-ul>li.other.active>a {background: none; border: none; color: #333;}
.small-list .logistics-ul .list-cog {position: relative; padding-right: 18px;}
.small-list .logistics-ul .list-cog .ico-cog4 {position: absolute; top:3px; right: 3px; cursor: pointer;}
.small-list .dis-none-all {display: none;}
.small-list .btn-screen{position: absolute; bottom: -12px; left:48%; z-index: 2; font-size: 12px;}
.small-list .logistics-menu {position: absolute !important; left:-35px;}
.small-list .logistics-ul .multiple-group {display: inline-block; height: auto;}
.small-list .logistics-ul .multiple-group .dropdown-menu {top:26px; min-width: 150px;}
.small-list .logistics-ul .dropdown-menu {color: #5e5e5e;}
.small-list .logistics-ul .dropdown-menu li>span {padding-left: 10px 3px; display: block;}
.panel-body .small-list:last-of-type {border-bottom: none; padding-bottom:0px;}
.more-conditions {position: absolute; bottom: -20px; text-align: center; width: 100%;}
.more-conditions .btn {border-top:none;}

.small-edit-sku {cursor: pointer;}
.autoscrolllist .list-body li .two-list ul {width: 100%; display: table; padding-left: 8%;}
.autoscrolllist .list-body li .open {cursor: pointer;}
#printCenter .btn-group .dropdown-toggle .text {width: 107px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 20px;}
#printCenter .btn-group .dropdown-toggle .caret {display: inline-block; margin-top: -10px;}
.small-list .logistics-ul1 {list-style: none; position: relative; float: left; padding-left: 10px;}
.small-list .logistics-ul1>li {float: left; margin: 0 8px 8px 0;}
.small-list .logistics-ul1>li>a{cursor: pointer; color: #5E5E5E; border-radius: 3px; display: block; font-size: 13px; line-height: 20px;padding: 3px 5px; margin-top: 5px;}
.small-list .logistics-ul1>li>a:hover {background-color: #f8f8f8;}
.small-list .logistics-ul1 .active>a {background: #7ca4d2; border-color: #7ca4d2; color: #fff;}
.small-list .logistics-ul1 .active>a:hover {background: #6285ad;}
.small-list .alert {display: inline-block; margin-left: 75px; padding-top: 5px; padding-bottom: 5px;}
.panel {border-width: 1px;}
.order-listtable table tbody tr.title {background: #eee;}
.order-listtable table tbody tr.title td {border-top: 2px solid #b0bfc2;}
.order-listtable table tbody tr.content .photo1 {display: block; vertical-align: middle; float: left; width: 100%; margin-bottom: 10px; color: #333;}
.order-listtable table tbody tr.content .photo1:last-child {margin-bottom: 0;}
.order-listtable table tbody tr.content .photo1 .photo {float: left;}
.order-listtable table tbody tr.content .photo1 img {max-height: 60px; max-width: 60px;　vertical-align: middle; margin-right: 5px; float: left;}
.order-listtable table tbody tr.content .photo1 p {margin: 0; line-height: 18px;}
.order-listtable table tbody tr.content .currency {float: left; display: inline-block; width: 40%; padding: 5px 5px 0 0; text-align: right;}
.order-listtable table tbody tr.content .photo1 .photo-right {padding-left: 65px;}
.order-listtable table .list-body tr.content .photo1 img{ max-height:48px; max-width:48px; vertical-align:middle; }
.order-listtable table .list-body tr.content .photo1 img:hover{ -webkit-box-shadow: 0 0 0 1px #7ca4d2; -moz-box-shadow: 0 0 0 1px #7ca4d2; -ms-box-shadow: 0 0 0 1px #7ca4d2; box-shadow: 0 0 0 1px #7ca4d2;}

.nabar-ml {margin-left: 30px;}
.nabar-ml .navigation a {color: #7ca4d2 !important; padding: 0 5px !important;  height: 50px; line-height: 51px; font-weight: 600;}
.small-list .input-search {position: relative; padding-left: 75px;}
.edit-batch .autoscrolllist .list-body li .all-sum,.edit-batch .autoscrolllist .list-body li .all-sum1,.edit-batch .autoscrolllist .list-body li .all-sum2 {display: none;}
.edit-batch .autoscrolllist .list-body li:hover .all-sum, .edit-batch .autoscrolllist .list-body li:hover .all-sum1,.edit-batch .autoscrolllist .list-body li:hover .all-sum2 {display: inline-block;}
.edit-batch .autoscrolllist ul.list-title li {background: #fff;}
.order-listtable .table {display: table; table-layout: fixed; width: 100%;}
.order-listtable .table thead tr th {padding: 0 !important; border: none !important;}
.order-listtable .table tbody tr td {word-break: break-all; word-wrap: break-word;}
.order-listtable .table > tbody > tr > td, .order-listtable .table > tbody > tr > th, .order-listtable .table > tfoot > tr > td, .order-listtable .table > tfoot > tr > th, .order-listtable .table > thead > tr > td, .order-listtable .table > thead > tr > th {vertical-align:top;}
.order-listtable .badge {height: 15px; margin-left: 5px;}
.btn-group .dropdown-hidden {max-width:100%; padding: 7px 18px 7px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.btn-group .dropdown-hidden .caret {position: absolute; right: 10px; top: 15px;}
.remotemodal ul.label-setting {min-height: 35px; background: #fff; list-style:none; margin-bottom: 0; padding-left: 10px; padding-top: 7px;}
.remotemodal ul.label-setting li {float: left; margin:5px; position: relative;}
.remotemodal ul.label-setting li .label-close, .remotemodal ul.label-setting li .label-delete {position: absolute; top:-10px; right: -10px; background: #ed5466; border: 2px solid #fff; color: #fff; border-radius: 100%;}
.remotemodal ul.label-setting li:hover .label-close, .remotemodal ul.label-setting li:hover .label-delete {display: block;}
.remotemodal .all-label .add-label {float: left; margin-top: 5px; margin-left: 10px; padding-top: 8px;}
.remotemodal .all-label .label-setting li.active a {border: 1px solid #000;}
.remotemodal .add-newlabel .label-setting li.active a {border: 1px solid #000;}
.remotemodal .all-label .label-setting {min-height: 0;}
.country-setting .continent .content {height: 100px; overflow-y:auto; overflow-x: visible;}
.logistics-setting .continent .content {height: auto;}
.country-setting .continent .content .checkbox-inline {width: 90%;}
.label-order {position: relative; cursor: pointer;}
.label-order .label-close {cursor: pointer; position: absolute; top:-5px; right:3px; font-size: 10px; display: none;}
.label-order:hover .label-close {display: block;}
.specificcommodity table tbody .commodityimg {width: 35px; height: 35px; margin-right: 5px;}
.bradius4 {border-radius: 4px;}
.bdr-danger { border-color:#ed5466 !important;}
.bdr-warning { border-color:#a87a01 !important;}
.bdr-info { border-color:#63d3e9 !important;}
.bdr-success { border-color:#91c854 !important;}
.bdr-primary { border-color:#7ca4d2 !important;}
.bdr-muted { border-color:#a2a2a2 !important;}
.bdr-teal { border-color:#6bccb4 !important;}
.label-inverse {background-color: #2a2a2a; color: #fff;}
.logistics-box1 ul {padding: 5px 10px; box-sizing: border-box;}
.logistics-box1 ul li {display: block; padding: 5px 3px; vertical-align: middle; word-break: break-all; word-wrap: break-word;}
.logistics-box1 ul li span {display: inline-block;}
.logistics-box1 ul li .title {width: 130px; display: table-cell;}
.logistics-box1 .logistics-time .submenu:after {border-left: 1px solid #ccc !important; bottom: 0; content: ""; left: 32px; position: absolute; top: 0;}
.logistics-box1 .logistics-time .submenu { position: relative; margin: 10px 0; display: table;}
.logistics-box1 ul li .content {display: table-cell;}
.logistics-box1 .logistics-time .submenu li {position: relative; margin-left: 45px;}
.logistics-box1 .logistics-time .submenu li:after {content: ""; background-color: #ccc !important; border: 2px solid #fff; border-radius: 50% !important; bottom: auto;height: 13px;left: -29px !important; top: 6px !important; width: 13px; position: absolute; z-index: 1 !important;}
.logistics-box1 .logistics-time .submenu .active:after {background-color: #428bca !important;}
.logistics-list.client-type .logistics-ul{ margin-left: 45px;}


.modal .body-overflow {padding: 0;}
.modal .body-overflow table tr th, .modal .body-overflow table thead tr th  {border-bottom: none !important;}
.modal .body-overflow .table-responsive {border-bottom: 1px solid #cfd9db; padding-right: 17px; background: #f9f9f9;}
.modal .body-overflow .table-responsive+.table-responsive {border-bottom: none;min-height: 150px; max-height: 300px; overflow-y: scroll; padding-right: 0;}
.modal .body-overflow .table-responsive .photo {max-height: 60px; max-width: 60px;}
.modal .body-overflow table tr.disabled td {background: #f9f9f9;}

/*打印中心*/
.logistics-channel .selected {background: url(../image/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;}
.logistics-channel>.panel {display: block; cursor: pointer; border-width: 2px !important;}
.logistics-channel>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;}
.logistics-channel>.panel.active {border-color: #7dab4a;}
.logistics-channel>.panel.active .selected {background: url(../image/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:0px; left:0px;}
.printlabel-channel .selected {background: url(../image/xuanzhong0.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;}
.printlabel-channel>.panel {display: block; cursor: pointer; border-width: 2px !important;}
.printlabel-channel>.panel table td {position: relative; border: 1px solid #cfd9db;}
.printlabel-channel>.panel.active {border: 2px solid #7dab4a !important;}
.printlabel-channel>.panel.active .panel-heading {border-top-color: #7dab4a; border-left-color: #7dab4a; border-right-color: #7dab4a;}
.printlabel-channel>.panel.active table td.active {border: 1px solid #7dab4a !important; box-sizing: border-box; background: none !important;}
.printlabel-channel>.panel.active table td.active .selected {background: url(../image/xuanzhong1.png)no-repeat; background-size: 32px 32px; width: 32px; height: 32px; position: absolute; top:-1px; left:-1px;}

.bulletin {margin: 0;}
.bulletin .post-group{ margin-bottom:25px; padding:10px; border: 1px solid #e0e0e0; border-radius: 4px;}
.bulletin .post-group:last-child {margin-bottom: 0;}
.bulletin .post-title{ font-size:24px; line-height:36px; color:#5a5a5a; margin-bottom:15px; margin-top: 0; position:relative; text-align: center; font-weight: 600;}
.bulletin .post-meta{border-bottom: 1px solid #e0e0e0;border-top: 1px solid #e0e0e0; background-color:#f8f8f8; font-size: 13px; margin-bottom: 15px; height:30px; padding: 4px 10px; color:#999; text-align: right;}
.bulletin .post-detail img{ max-width:100%;  border:1px solid #ccc; padding:2px; border-radius:5px; margin-bottom: 10px;}
.bulletin .post-detail p{ margin-bottom:15px; line-height:2em;}
.bulletin_more {text-align: center; margin-top: -1px;}
.bulletin_more>a {background-color: #f5f5f5; border: 1px solid #cfd9db;; border-radius: 3px; display: inline-block; padding: 5px 14px; font-weight: 600;}

.select_copy_control {width: 100%; display: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); color: #333; font-weight: 600;border-color: #cfd9db; max-height:200px;overflow-y: auto;border-radius: 4px;left: 0;background-clip: padding-box;background-color: #fff;float: left;list-style:none;margin: 2px 0 0;min-width: 160px;position: absolute;top: 100%;z-index: 1000;font-size: 13px;padding: 5px 0;}
.select_copy_control li a {clear: both; color: #5e5e5e; display: block; font-weight: 400; line-height: 20px; max-width: 400px; overflow: hidden; padding: 4px 15px; text-overflow: ellipsis; white-space: nowrap;}
.select_copy_control li a:hover, .select_copy_control li a:focus{ background-color: #f5f5f5;color: #262626;text-decoration: none;}

.hasnotification_quiet {position: absolute; top:3px;border-radius: 50%;background-color: #ed5466; display: inline-block; height: 6px; text-indent: -999999px; width: 6px}
.hasnotification {position: absolute; top:8px; margin-left: -5px; animation: 1.5s linear infinite running haslargen;}
@keyframes haslargen{
  0%{
  	transform:scale(0.5,0.5);
   -moz-transform:scale(0.5,0.5);
   -webkit-transform:scale(0.5,0.5);
   -o-transform:scale(0.5,0.5)
  }
  25%{
  	transform:scale(0.75,0.75);
   -moz-transform:scale(0.75,0.75);
   -webkit-transform:scale(0.75,0.75);
   -o-transform:scale(0.75,0.75)
  }
  50%{
  	transform:scale(1,1);
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1)
  }
  75%{
  	transform:scale(1.25,1.25);
   -moz-transform:scale(1.25,1.25);
   -webkit-transform:scale(1.25,1.25);
   -o-transform:scale(1.25,1.25)
  }
  100%{
  	transform:scale(1.5,1.5);
    -moz-transform:scale(1.5,1.5);
    -webkit-transform:scale(1.5,1.5);
    -o-transform:scale(1.5,1.5)
  }
}

.cuepoint_danger {border-radius: 50%; display: inline-block; height: 10px; text-indent: -999999px; width: 10px; background-color: #ed5466; position: absolute; top: 0px;}


.stopshop .checkbox-inline {margin-left: 0; margin-right: 10px;}


/*爆款广告*/
.votobo-hot{ width: 980px; margin: 0 auto;}
.votobo-hot ul{ margin: -10px; padding: 0; list-style: none; overflow: hidden;}
.votobo-hot li{ float: left; width: 140px; height: 140px; padding: 10px; overflow: hidden;}
.votobo-hot li a{ width: 120px; height: 120px; display: table-cell; border: 1px solid #e0e0e0; background:#fff url("http://global.votobo.com/app/hot/images/img_load2.gif") no-repeat center center; text-align: center; vertical-align: middle; box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.votobo-hot li a img{max-height:118px; max-width: 118px;}
.votobo-hot li a:hover{ border-color:#999;}

.panel.panel-votobo{ background-color:#fff3d5; border:1px solid #ffd25b; margin-top: 20px;}
.panel-votobo .votobo-hot{ width: 730px;}
.panel-votobo .votobo-hot li{  width: 150px; height: 150px; }
.panel-votobo .votobo-hot li a{ width: 130px; height: 130px;}
.panel-votobo .votobo-hot li a img{max-height:128px; max-width: 128px;}

.votobo-title{ position: relative;  width: 200px; text-align: center; line-height: 24px; margin: -30px auto 10px; font-size: 18px; padding: 5px; background-color: #ffd25b; border-radius: 5px;}
.dropdown-menu > li.title {background: #f2f2f2; font-size: 14px; border-bottom: 1px solid #d7e0e2; border-top:1px solid #d7e0e2; padding-left: 15px; margin: 4px 0;}
.dropdown-menu > li.title:first-child {border-top:none; margin-top: 0;}

table.table-num .all-sum {display: none;}
table.table-num tr:hover .all-sum {display: inline-block;}
.ico-warningflashing {animation: warningflashing 1s infinite ease-in-out; }
@keyframes warningflashing{0%{opacity: 0.2;}100%{opacity: 1;}}

.nav-tabs.nav-white {background-color: #fff; border-bottom: none;}
.nav-tabs.nav-white > li > a {border: 1px solid #cfd9db; border-bottom: none; color: #444;}
.nav-tabs.nav-white > li.active > a, .nav-tabs.nav-white > li.active > a:focus, .nav-tabs.nav-white > li.active > a:hover {background: #7ca4d2; color: #fff;}
.data-tabs a {text-decoration: underline;}
.data-tabs a.active {background: #7ca4d2; color: #fff; padding: 2px 3px;}

.dropdown-menu {box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); color: #333; font-weight: 600;}
.progress-bar {transition: width 0.6s ease -2s;}
.simulation {animation: simulation 25s ease -1s 1;}
@keyframes simulation{20%{width: 20%;}60%{width: 60%;}100%{width: 100%;}}
@-webkit-keyframes simulation{20%{width: 20%;}60%{width: 60%;}100%{width: 100%;}}

/*带字数限制的输入框*/
.textcounter input.form-control{ padding-right: 50px;}
.textcounter > .currentNum{ position: absolute; right: 20px; top: 0; line-height: 34px;}

/*ebay模版选择*/
.template {position: relative; margin: 5px 5px; float: left; border: 1px solid #E0E0E0; width: 200px; display: block; cursor: pointer;}
.template .template_select {width: 38px; position: absolute; top:0; left: 0; display: none;}
.template.active .template_select {display: block;}
.template.active {border: 1px solid #7dab4a;}
.template .template-img {width: 100%; height: 120px; overflow: hidden; display: table-cell; vertical-align:middle; padding: 0 50px;}
.template .template-img img {width: 100px;}
.template p {margin: 0; padding: 10px 5px; text-align: center; border-top: 1px solid #E0E0E0; display: block; background: #fff; }

/*消息类型设置*/
.btn-message {border: 1px solid #999; color: #555; position: relative; margin-right: 5px; margin-bottom: 10px;}
.btn-message .message-close {display: none; position: absolute; top:-10px; right: -10px; background: #ed5466; border: 2px solid #fff; border-radius: 100%; color: #fff;}
.btn-message:hover .message-close {display: block;}

.process-selection {border: 2px solid #cfd9db; display: block; margin-bottom: 10px; position: relative; width: 560px; height: 115px; cursor: pointer;}
.process-selection:after {content: ""; background: url(../image/xuanzhong_hui.png) no-repeat; background-size:35px 35px; position: absolute; right: 0; bottom: 0; width: 35px; height: 35px;}
.process-selection.active {border: 2px solid #90bf5b;}
.process-selection.active:after {content: ""; background: url(../image/xuanzhong.png) no-repeat; background-size:35px 35px; position: absolute; right: 0; bottom: 0; width: 35px; height: 35px;}
.process-selection .img_liuchen1 {width: 554px; height: 112px; background: url(../image/liuchen01.png) no-repeat;}
.process-selection .img_liuchen2 {width: 554px; height: 112px; background: url(../image/liuchen02.png) no-repeat;}
.process-selection.active .img_liuchen1 {width: 550px; height: 112px; background: url(../image/liuchen01_xuan.png) no-repeat;}
.process-selection.active .img_liuchen2 {width: 550px; height: 112px; background: url(../image/liuchen02_xuan.png) no-repeat;}

.form-wizard > .steps > ul > li > a > .title {text-decoration: underline; color: #58848e;}
.form-wizard > .steps > ul > li.single > a:after {height: 0;}
.form-wizard > .steps > ul > li.last > a:after {bottom: 0; right: 50%; top: 20px;}

/* amazon 刊登 */
.custom-field .selectize-dropdown-content .option:hover{ background-color: #f5f5f5; color: #262626;}
.custom-field .selectize-dropdown.form-control{ padding-top: 35px; display: none; z-index: 9;}
.custom-field .selectize-dropdown.form-control .filter-group{ position: absolute; left: 5px; top: 5px; right: 5px; padding: 0;}
.custom-field .selectize-dropdown.form-control .filter-group .clear-word{ right: 5px;}
.custom-field .selectize-dropdown.form-control .filter-group input.form-control{ padding-right: 25px;}
.custom-field .selectize-dropdown-content .option[data-selectable='1']{ display: none !important;}

/* 金元宝广告 */
.jyb-amount{font-size:14px; position: relative; display: block;}
@media screen and (min-width:1260px) {.jyb-amount{font-size:14px;}}
@media screen and (min-width:1420px) {.jyb-amount{font-size:22px;}}
@media screen and (min-width:1660px) {.jyb-amount{font-size:26px;}}
@media screen and (min-width:1900px) {.jyb-amount{font-size:35px;}}
.jyb-amount .text{ color: #ffda57; font-weight: bold; font-style: italic; left: 1.5rem; bottom: 2rem; position: absolute;}
.jyb-amount .text span{ font-size: 120%;}

/* 页面配置 */
.page-settings{position: fixed; right: -270px; top: 180px; bottom:0; transition: right 0.2s ease 0s; width: 270px;z-index: 1048; margin: 0;}
.page-settings.active{ right: -1px;}
.page-settings > .panel-heading {background-color: #6c91bc; border-color: #6c91bc; color: #fff;}
.page-settings .title-p{ background-color: #f8f8f8; border-radius: 3px; margin-bottom: 5px; margin-top: 0; color: #999; font-weight: bold; padding: 2px 5px;}
.page-settings .row + .title-p{ margin-top: 10px;}
.page-settings .iconbtn{background: #6c91bc;border-color: #cfd9db; border: 0; left: -42px;  padding: 12px 15px; position: absolute;top: -1px; border-radius: 4px 0 0 4px ; -webkit-box-shadow: none; box-shadow: none; }
.page-settings .iconbtn i{ display:inline-block; font-size:16px; color: #fff; /*-webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;*/}
.page-settings .panel-body{ position: absolute; top: 41px; bottom: 45px; left: 0; width: 100%; overflow-y: auto;}
.page-settings .panel-footer{ position: absolute; bottom: 0; left: 0; width: 100%;}

.commodity-table .photo {display: block; width: 50px; height: 50px; margin: 0 auto;}
.commodity-table .photo img {width: 100%; height: 100%;}

.btn-develop {position: relative;}
.btn-develop .btn {border-radius: 4px !important;}
.btn-develop .bottom.btn-popover {max-width: 320px; width: 320px; top:35px; margin-left: -115px;}
.btn-develop .right.btn-popover {max-width: 320px; width: 320px; left: 100%; top:-50%}
.btn-develop .left.btn-popover {max-width: 320px; width: 320px; margin-left: -330px; top:-50%}
.btn-develop .top.btn-popover {max-width: 320px; width: 320px; margin-left: -115px; margin-top: -90px;}
.btn-develop:hover .btn-popover {display: block;}
.btn-select, .btn-select .dropdown-menu {width: 100%;}
.btn-select .dropdown-toggle {width: 100%; text-align: left; padding-right: 20px;}
.btn-select .dropdown-toggle .caret {position: absolute;top:15px; right:10px;}

/*我要吐槽*/
.tucao-panel {position: fixed; border: 2px solid #9db6d2; right: -400px; max-height: 100%; bottom:0px; transition: right 0.2s ease 0s; width: 400px;z-index: 1049; margin: 0; overflow: auto;background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); padding: 10px;}
.tucao-panel.active{ right: -1px;}
.tucao-panel .tucao-heading {position: relative; padding:0 10px; height: 30px;}
.tucao-panel .tucao-heading .close-tucao {left: 10px;color: #ccc; font-size: 24px; position: absolute; transition: all 0.5s ease 0s;}
.tucao-panel .tucao-heading .close-tucao:hover {color: #999;}

.productTr .table-group.zoom-out{ height: 0; overflow: hidden; border: 0;}

.prompt-relativePosition {position: relative; z-index: 9999999 !important;}
.prompt-overlay {display: none; background: rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center , rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0; transition: all 0.3s ease-out 0s; z-index: 999990; top: 0;bottom: 0; left: 0;right: 0;position: fixed;opacity: 0.8;}
.prompt-helperLayer {display: none; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); position: absolute; transition: all 0.3s ease-out 0s; z-index: 9999998;}
.prompt-tooltip {top: 15px; right: 85px; background: rgba(0, 0, 0, 0) url("../image/newtips_bg.png") no-repeat scroll center center; background-size: 260px;height: 163px; padding: 40px 45px 50px; position: absolute; transition: opacity 0.1s ease-out 0s; width: 260px;}
.prompt-tooltiptext {color: #7a7a7a; display: table; font-size: 14px; height: 60px; overflow: hidden; width: 100%;}
.prompt-arrow.top-right {background-image: url("../image/tipsside_topright.png");height: 50px; right: 0; top: 0; width: 50px;}
.prompt-arrow {background-position: center center; background-repeat: no-repeat; border: 0 none; overflow: hidden; position: absolute;}
.prompt-skipbutton.disc-type {background: rgba(0, 0, 0, 0) url("../image/tips-close.png") no-repeat scroll left top; border: 0 none; border-radius: 0; display: block; font-weight: bold; height: 40px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 0; text-indent: -999px; top: 60px; width: 40px;}

.data-platform {display: inline-block; margin-bottom: -4px; width: 150px;}
.sidebar .table tr > th, .sidebar .table > thead > tr > th, .sidebar .table > thead > tr.active > th, .sidebar .table > tbody > tr > td, .sidebar .table > tfoot > tr > td, .sidebar .table > thead > tr > td {padding: 5px 10px;}

.img_logo {width: 165px; height: 30px; text-align: center; background: #fff; border: 1px solid #ddd; padding: 3px 5px; border-radius: 3px;}
.img_logo img {max-width: 100%; max-height: 100%;}
.img_logo.mabang{ width: 220px; height: 50px;}


.gridly {position: relative; width: 100%;}
.gridly .brick.ui-sortable-placeholder{webkit-animation: transitionShadow 3s linear infinite;-moz-animation: transitionShadow 3s linear infinite;  animation: transitionShadow 3s linear infinite; background: #e4eafc;}
.brick {cursor: move; color: #5e5e5e; display: block; font-weight: 400; line-height: 20px; height: 30px; padding: 5px 15px; width: 552px; background: #eee; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; margin-bottom: 5px;}

/*供应链*/
.supply-nav {width: 100%; position: relative; border-bottom: 2px solid #e8e8e8; margin-bottom: 10px;}
.supply-nav .nav-tabs {background: none; border-radius: 0; border-bottom: none;}
.supply-nav .nav-tabs > li > a {border: none; font-size: 16px; font-weight: 700; color: #333; padding: 10px 20px;}
.supply-nav .nav-tabs > li:after {content:""; width: 1px; height: 16px; background: #e8e8e8; position: absolute; right: 0; top:12px;}
.supply-nav .nav-tabs > li:last-child:after {width: 0; height: 0;}
.supply-nav .nav-tabs > li > a:hover {color: #3f56a1;}
.supply-nav .nav-tabs > li.active > a, .supply-nav .nav-tabs > li.active > a:focus, .supply-nav .nav-tabs > li.active > a:hover {border: none; border-bottom: 2px solid #3f56a1; color: #3f56a1;}
.supply-main .btn-white:hover {color: #3f56a1; border-color: #3f56a1;}
.supply-main .autoscrolllist ul.list-title li li {padding: 10px 3px;}
.supply-main .function {padding-top: 5px; padding-bottom: 5px;}
.supply-main .panel-navbar .page-header {border-bottom: 1px solid #eee;}
.supply-list {border: 1px solid #eee; margin-bottom: 10px;}
.supply-list:hover {border: 1px solid #bfbfbf;}
.supply-list .supply-title {padding: 10px; display: block; background: #eee;}
.supply-list .table {margin-bottom: 0; border-color:#eee;}
.supply-list .person-br {border-right: 1px solid #eee !important;}
.supply-list .table > tbody > tr > td, .supply-list .table > tbody > tr > th, .supply-list .table > tfoot > tr > td, .supply-list .table > tfoot > tr > th, .supply-list .table > thead > tr > td, .supply-list .table > thead > tr > th {border-color:#eee; vertical-align: top;}
.supply-list .table .photo {float: left; padding-right: 10px;}
.supply-list .table .photo img {height: 50px; width: 50px;}
.supply-list .table p {margin-bottom: 0;}

.fixed-service {font-size: 18px; text-align: center; line-height:25px; width: 100%; height: 60px; margin: 10px 0; background: #ffa621; padding-top: 10px; }
.fixed-service a {color: #fff; display: block; padding: 10px 0 5px;  background: -webkit-linear-gradient(#419af6, #317ad6); background: -o-linear-gradient(#419af6, #317ad6); background: -moz-linear-gradient(#419af6, #317ad6); background: linear-gradient(#419af6, #317ad6);}
.fixed-service a:hover {background: -webkit-linear-gradient(#50adf7, #3d8fe0); background: -o-linear-gradient(#50adf7, #3d8fe0); background: -moz-linear-gradient(#50adf7, #3d8fe0); background: linear-gradient(#50adf7, #3d8fe0);}
.fixed-service a i {font-size: 30px;}
.fixed-service .title img {margin-left: 20px;}
.fixed-service .text {float: left; margin-left: 15px;}

.drag {position: relative; background-color: #e8e8e8; width: 300px; height: 34px; line-height: 34px; text-align: center;}
.drag .handler {position: absolute; top: 0px; left: 0px; width: 40px; height: 34px; border: 1px solid #ccc; cursor: move;}
.handler_bg, .handler_ok_bg {width:40px; height: 34px; position: relative; background: #fff;}
.handler_bg:before {content:"\e6e5"; font-family:'iconfont'; font-size: 16px; line-height: 34px; width: 40px; text-align: center; color: #999;}
.handler_ok_bg:before {content:"\e653"; font-family:'iconfont'; font-size: 16px; line-height: 34px; width: 40px; text-align: center; color: #7ac23c;}
.drag .drag_bg {background-color: #7ac23c; height: 34px; width: 0px;}
.drag .drag_text{position: absolute; top: 0px; width: 300px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select:none; -ms-user-select:none; }


/*收款信息*/
.bg-gray {background: #eee;}
.collection-account {border: 1px solid #cfd9db; border-radius: 3px; padding:0 10px; margin-bottom: 15px; background: #fff;}
.collection-account .title {height: 50px; line-height: 50px; border-bottom: 1px dashed #cfd9db; text-align: right;}
.collection-account .title .flag {background: url(../image/flag.jpg) no-repeat; background-size:60px 240px; width: 60px; height: 40px; float: left; margin-top: 5px;}
.collection-account .title .flag.us {background-position:0 0;}
.collection-account .title .flag.cn {background-position:0 -40px;}
.collection-account .title .flag.hk {background-position:0 -80px;}
.collection-account .title .flag.jp {background-position:0 -120px;}
.collection-account .title .flag.eu {background-position:0 -160px;}
.collection-account .title .flag.uk {background-position:0 -200px;}
.collection-account .collection-body {padding: 10px;}
.collection-account .collection-body .form-group {min-height: 35px; line-height: 35px; margin-bottom: 0;}
.collection-account .collection-body .form-group .control-label {width:40%; padding-left: 10%;}
.collection-account .collection-add {display: block; width: 100%; height: 100px; text-align: center; padding: 20px 0 0px; cursor: pointer;}
.collection-account .collection-add i {font-size: 36px; color: #999;}
.collection-account .collection-add p {margin-bottom: 0; margin-top: 10px; text-decoration: underline;}

.upload-picture {display: block; border: 1px dashed #ddd; width: 115px; height: 100px; line-height: 100px; text-decoration: underline; color: #999; position: relative; overflow: hidden;}
.certificatesphoto {position: absolute; top:0px; left:15px; width: 115px; height: 100px; opacity: 0;}
.upload-picture img {max-width: 100%; max-height: 100%; vertical-align: middle; border: none !important;}
.upload-picture .close {position: absolute; top:0; right: 0; padding-right: 5px; padding-left: 5px;}

.nav-flow {height: 36px; line-height: 36px; list-style: none; width: 100%; display: table; border-bottom: 1px solid #cfd9db; padding: 0; position: relative;}
.nav-flow li {display: table-cell; width: 1%; text-align: center; color: #999;}
.nav-flow li .number {display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #eee; color: #333; border-radius: 20px; margin-right: 5px;}
.nav-flow li.active {border-bottom: 1px solid #00b6ad; color: #333;}
.nav-flow li.active .number {background: #00b6ad; color: #fff;}
.collection-bank .form-horizontal.form-bordered .form-group {margin: 0; padding: 10px 0;}
.collection-bank .form-horizontal.form-bordered .form-group + .form-group {border-top: none;}
.collection-bank .prompt-message {width: 200px; text-align: center; mmargin-bottom: 5px;}
.collection-bank .upload-picture {display: block; border: 1px dashed #ddd; width: 200px; height: 120px; line-height: 120px; text-decoration: underline; color: #999; position: relative; overflow: hidden;}
.collection-bank .certificatesphoto {position: absolute; top:24px; left:15px; width: 200px; height: 120px; opacity: 0;}
.collection-bank .upload-picture img {max-width: 100%; max-height: 100%; vertical-align: middle; border: none !important;}
.collection-bank .platform {border: 1px solid #00b6ad; height: 34px; width: 120px; text-align: center; position: relative;}
.collection-bank .platform img {height: 100%;}
.collection-bank .platform .identification {position: absolute; right: 0; top:0; width: 0;height: 0;border-top: 28px solid #00b6ad;border-left: 30px solid transparent;}
.collection-bank .platform .identification-text {position: absolute; z-index: 1; color: #fff; right: 0; top:0; width: 25px;height: 25px; transform: rotate(45deg);}


.list-group-warning a.list-group-item:hover, .list-group-warning a.list-group-item:focus {background-color: #fff2d0; color: #a87a01;}

/*右侧广告*/
.right_banner {position: fixed; z-index: 1048; top:180px; right: 15px;}
.right_banner .close {padding:3px 5px;position: absolute;top:0px; right: 0;z-index: 1049;}


/* supplier */
.supplier-tab{ height:35px; margin-bottom:5px; position:relative; font-weight:bold; background-color:transparent; border-bottom: 2px solid #cfd9db;}
.supplier-tab .nav-tabs {border: none; background-color:transparent;}
.supplier-tab .nav-tabs > li{ float:left; margin-left: -3px;}
.supplier-tab .nav-tabs > li a {padding: 7px 24px 5px;z-index:1; position: relative; cursor: pointer; color:#777; margin-bottom:0;box-sizing: content-box; font-size: 15px;}
.supplier-tab .nav-tabs > li a:before {content: ""; width: 1px; height: 15px; top:10px; right: 0; background: #e8e8e8; position: absolute;}
.supplier-tab .nav-tabs > li a:hover, .supplier-tab .nav-tabs > li a:hover:before, .supplier-tab .nav-tabs > li a:hover:after {color: #3f56a1;}
.supplier-tab .nav-tabs > li.active a {border:none; border-bottom: 2px solid #3f56a1;color: #3f56a1;}
.supplier-tab .nav-tabs > li a .text{ position: relative; z-index: 5;}

.supplierlist .supplier-product {width: 100%;position: relative; margin-top: 10px; border: 1px solid #eee;}
.supplierlist .supplier-product:hover {border: 1px solid #cfd9db;}
.supplierlist .supplier-product table {margin-bottom: 0; width: 100%;}
.supplierlist .supplier-product table tbody tr td {padding: 5px 3px;}
.supplierlist .supplier-product table tbody tr.title {background-color: #eee;}
.supplierlist .supplier-product .photo img { max-height:48px; max-width:48px; vertical-align:middle; }

.multiple-group.logistics-group .dropdown-toggle{display:block; width:100%; position:relative; text-align:center;}
.multiple-group.logistics-group.invert-select .dropdown-menu li .checkbox-inline{ padding: 4px 10px 4px 25px !important; background-color:transparent;}
.arrow-down {position: relative; animation:arrow-downframes 0.2s infinite;}
.arrow-down:before {content:"\e3f5"; font-family: 'iconfont'; font-size: 30px; color: #fc5200; position: absolute; left: 0;}
.arrow-down.top-13:before {top:-13px;}
@keyframes arrow-downframes
{
	from {top:-3px;}
	to {top:0px;}
}
@-webkit-keyframes arrow-downframes
{
	from {top:-3px;}
	to {top:0px;}
}
.list-group-hover .list-group-item:hover, .list-group-hover .list-group-item:active, .list-group-hover .list-group-item:focus {color: #3c763d; background-color: #d0e9c6;}

.jump-country {position: relative;}
.jump-countrye .list-group-hover {position: absolute; top:0; left: 100%; width: 150px; display: none; z-index: 10;}
.jump-countrye:hover .list-group-hover {display: block;}

.self-edit {position: relative; padding-right: 18px;}
.self-edit .btn_ico {position: absolute; right: 0; top:4px}

/*.address_lace{position:relative;width: 237px;height: 180px;border:5px dashed #dedede; float:left;background:#b8b8b8;}
.address_lace:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:#fff;}
.address_lace.active {border:5px dashed #3f56a1; float:left;background:#ed5466;}
.address_lace.active:before{content:"";background:#fff;}

.address_group{width:237px; height:180px; position:relative; margin:0 auto; background:#b8b8b8; float: left;}
.address_group:before{content:""; z-index:1; position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-size: 40px 40px;
	background-image: -webkit-linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 50%, #dedede 50%, #dedede 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 50%, #dedede 50%, #dedede 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, #dedede 25%, transparent 25%, transparent 50%, #dedede 50%, #dedede 75%, transparent 75%, transparent)
}
.address_group:after{content:""; position:absolute; left:5px; top:5px; right:5px; bottom:5px; background-color:#fff; z-index:2;}
.address_group .address_box {position: absolute; top:0; left: 0; z-index: 5;padding:10px;}
.address_group.active {background:#3f56a1;}
.address_group.active:before{content:""; 
	background-image: -webkit-linear-gradient(45deg, #ed5466 25%, transparent 25%, transparent 50%, #ed5466 50%, #ed5466 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, #ed5466 25%, transparent 25%, transparent 50%, #ed5466 50%, #ed5466 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, #ed5466 25%, transparent 25%, transparent 50%, #ed5466 50%, #ed5466 75%, transparent 75%, transparent)
}*/



@media (min-width: 1600px) {
	.modal-message .modal-dialog {width: 1200px;}
	.mr-710 {margin-right: -810px;}
	.fixed-catalog {width: 80%;}
	.catalog-scroller-title.fixed-catalog-scroller {right: 1%; left:auto;}
	.col-setlg-1, .col-setlg-10, .col-setlg-11, .col-setlg-2, .col-setlg-3, .col-setlg-4, .col-setlg-5, .col-setlg-6, .col-setlg-7, .col-setlg-8, .col-setlg-9{float:left;min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;}
	.col-setlg-12{min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative;}
	.col-setlg-1{ width:8.3333%}
	.col-setlg-2{ width:16.6667%}
	.col-setlg-3{ width:25%}
	.col-setlg-4{ width:33.3333%}
	.col-setlg-5{ width:41.6667%}
	.col-setlg-6{ width:50%}
	.col-setlg-7{ width:58.3333%}
	.col-setlg-8{ width:66.3337%}
	.col-setlg-9{ width:75%}
	.col-setlg-10{ width:83.3333%}
	.col-setlg-11{ width:91.6667%}
	.col-setlg-12{ width:100%}
}
@media (min-width: 1350px) {
	.no-sidebar .fixed-catalog {width: 80%;}
    .no-sidebar .catalog-scroller-title.fixed-catalog-scroller {position: fixed; right: 1%; top: 10px; width: 16%; margin-right: 0; left:auto;}
}
@media (max-width: 1260px){
	body #header.navbar > .navbar-toolbar > .navbar-nav > li > a, .sidebar-minimized #header.navbar > .navbar-toolbar > .navbar-nav > li > a {font-weight: normal; font-size: 14px;}
	body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 5px;}
	.sidebar-minimized body #header.navbar13 > .navbar-toolbar > .navbar-nav > li > a {padding: 0 5px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.sidebar .topmenu > li > a > .text, .sidebar .topmenu > li.open > .submenu.collapse.in, .sidebar .topmenu > li.open > .submenu.collapsing {display: block;}
	.sidebar .topmenu > li > a {line-height: 1.42857;}
	.sidebar .topmenu li a > .figure {display: table-cell; font-size: 14px; line-height: 1.42857;}
	.sidebar .topmenu > li > .submenu {position: relative; left: auto; width: auto;}
	.sidebar .topmenu li a > .text{display: table-cell; font-weight: 600; line-height: 30px; overflow: hidden; table-layout: fixed; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; width: 100%;}
	aside.sidebar .topmenu li > a .addorder {margin-left: -13px;}
}

@media (max-width: 767px) {
	.login-page .login-header img{ height:50px;}
	#btn-code{ padding:7px 5px;}
	.loginform{ width:auto; margin:0;}
	.login-page .panel .form-group .form-control{ padding-left:75px;}
	.login-page .panel .form-group .has-icon .form-control-icon{ padding-left:10px;}
	.col-custom-1, .col-custom-10, .col-custom-11, .col-custom-2, .col-custom-3, .col-custom-4, .col-custom-5, .col-custom-6, .col-custom-7, .col-custom-8, .col-custom-9{ width:100%;}
	
	#header{ display:none;}
	.main #header{ display:block;}
	body #header.navbar.navbar-fixed-top ~ #main, body .sidebar-minimized #header.navbar.navbar-fixed-top ~ #main{ padding-top:0 !important;}
	.nav.nav-pills.nav-recharge li{ width:100%; margin:10px 0 0;}
	.nav.nav-pills.nav-recharge li a{ text-align:center;}
	.nav-payment li{width:100%; margin:10px 0 0;}
	.nav-payment li a{ display:block; text-align:center;}
	.submit-recharge{ display:block; width:100%; font-size:16px; padding-top:10px; padding-bottom:10px; font-weight:bold;}
	
	#chargePop .modal-body .col-md-2{ text-align:center; display:none;}
	#chargePop .col-md-10 h3{ font-size:16px;} 
	#chargePop .modal-header{ padding:10px;}
	#chargePop .modal-header .ico-credit{ display:none;}
	#chargePop .modal-body{ padding:10px;}
}